2011-05-04 63 views
0

我正在開發一個應用程序,使用Apache Click,旨在用於移動瀏覽器 - 所以我希望主要用於窄顯示器(向上240像素)。目前,我試圖使用org.apache.click.control.Form與幾個org.apache.click.control.Field s,包括TextField s和Select s。Apache中的表單單擊:如何堆疊標籤和字段?

但是,當試圖將整個頁面的寬度限制爲240像素時,表單仍然水平溢出,這迫使用戶平移到右側並使設計「uglish」。另一種可能是把Field標籤上相應的輸入字段的頂部,但是我還沒有找到一種方法來做到這一點的點擊呈現每個Field爲HTML <tr class="field">兩個<td>,一個包含<label>和其他含<input>(用於類別TextField)或<select>(用於類別Select)。

  • 我承認,可能有一些「神奇的CSS」,我不知道的,並且允許告訴瀏覽器「使所有<td> S:

    ,我正在考慮探索的一些想法在彼此之上「或類似的東西。

  • 我有另外一個想法(涉及更多的工作)是爲這些類創建子類,在HTML呈現時將標籤和字段顯式放在彼此的頂部。某些移動瀏覽器(例如基於我測試過的Windows Mobile)具有「調整爲單列」選項,但這需要明確的用戶干預。在其他瀏覽器中似乎沒有類似的選項,例如Opera Mobile。
  • 明確地將單獨的標籤和Field與一個空字符串標籤。這似乎是「最蠢」的解決方案,但也相對容易。

我希望可能有一個相對簡單的方法來做到這一點,我沒有提到或想到。因此,我正在尋找關於如何配置Click或使用CSS或其他內容的建議,以生成HTML,它們將呈現兩個Field元素(標籤和實際輸入字段)之間的頂部而不是「default 「點擊並排,在」窄「顯示屏上佔用一些珍貴的屏幕。

在此先感謝。

回答

1

我應該花更多的時間瀏覽文檔和例子...

This example規定,我一直在尋找的表格格式。基本上,它包括在各自的Form對象上調用setLabelsPosition("top");