如何使Tapestry的BeanEditor水平？

Question

在Tapestry 5.3，BeanEditor進來垂直形式，看起來像這樣：

╔════════════════════════════════════╗ 
║   Label1 Value1   ║ 
║   Label2 Value2   ║ 
║   Label3 Value3   ║ 
║   Label4 Value4   ║ 
╚════════════════════════════════════╝ 

有沒有財產或其他什麼東西，可能使其成爲水平，像這樣？

╔══════════════════════════════════════════════════════════════════╗ 
║ Label1 Value1 | Label2 Value2 | Label3 Value3 | Label4 Value4 ║ 
╚══════════════════════════════════════════════════════════════════╝ 

Answer 1

您可以通過添加一些自定義CSS來實現此目的。 Tapestry使用良好的類名來定位所有元素。只需添加一些較高的css以覆蓋tapestry的默認值即可。

以下將給你你想要的結果。你必須稍微玩一下（顏色，寬度等）才能完全符合你的喜好，但這會爲你修復佈局。

body DIV.t-beaneditor-row { 
    float: left; 
    width: 300px; 
} 

body DIV.t-beaneditor-row LABEL { 
    width: 100px; 
}