2011-05-04 49 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");