0

私は Struts 2 + JqueryUI Struts2 Plugin を使用していますが、いくつかの項目を横に並べて配置したいと考えています。

struts2フォームアイテムでは、すべての要素が垂直です...

これは私のコードです:

<s:form action="test" theme="simple">
<sj:a id="ajaxlink" onclick="disminuyeBloque()" button="true" buttonIcon="ui-icon-minus" cssStyle="height:20px"/>
<sj:textfield id="tamannobloque"  name="tamannobloque" readonly="true" size="2" />
<sj:a id="ajaxlinkminus" onclick="aumentaBloque()" button="true" buttonIcon="ui-icon-plus" cssStyle="height:20px"/>
<sj:slider id="echo4" name="slider" label="Echo" value="{3, 7}" min="1" max="10" onCompleteTopics="sliderRangeStop" cssStyle="margin: 10px; width:20%"/>
</s:form>

スライダーを最後のボタン (プラス ボタン) の隣に表示したい

4

3 に答える 3

0

フォーム要素のparentThemetoを設定css_xhtmlして同じ行に要素をラップし、div後でスタイルを適用することができます。

何かのようなもの

<s:form action="test" theme="simple">
<div>
<sj:a id="ajaxlink" onclick="disminuyeBloque()" button="true" buttonIcon="ui-icon-minus" cssStyle="height:20px"/>
<sj:textfield id="tamannobloque"  name="tamannobloque" readonly="true" size="2" parentTheme="css_xhtml"/>
</div>
<div>
<sj:a id="ajaxlinkminus" onclick="aumentaBloque()" button="true" buttonIcon="ui-icon-plus" cssStyle="height:20px"/>
<sj:slider id="echo4" name="slider" label="Echo" value="{3, 7}" min="1" max="10" onCompleteTopics="sliderRangeStop" cssStyle="margin: 10px; width:20%" parentTheme="css_xhtml"/>
</div>
</s:form>
于 2012-12-11T07:31:12.247 に答える
0

スライダーをインラインで印刷する場合は、display:inline-blockプロパティを使用してスライダーに特定の幅を与える必要があります。

あなたのCSSで：

#echo4 {
    display: inline-block;
    width: 100px;
}

ここでデモを見ることができます。

于 2012-12-06T23:07:15.883 に答える
0

スライダーの表示プロパティを inline に設定できます。

<style>
#echo4    
{
display:inline;
}
</style>
于 2012-12-11T07:53:39.403 に答える