0

入力フィールドの左側にすべてのボタンを並べてスタイルを設定したい:

ただし、現時点では次のように見えますstyleClass="grid"。

ここに画像の説明を入力

<h:panelGrid columns="2" columnClasses="label, value" styleClass="grid"
    style="margin-bottom: 10px">

    <h:outputText value="#{templateItem.label}"
        rendered="#{templateItem.displayType == 1}" />
    <p:inputText value="#{orderListBean.value}"
        rendered="#{templateItem.displayType == 1}" required="false"
        id="inputText">
    </p:inputText>

    <!-- Command Buttons -->
    <h:panelGrid columns="5" styleClass="grid" style="margin-bottom: 10px">
        <div>
            <h:commandLink action="#{orderListBean.makeFirst(templateItem)}">
                <i class="icon-circle-arrow-up" />
            </h:commandLink>
            <h:commandLink action="#{orderListBean.moveUp(templateItem)}">
                <i class="icon-arrow-up" />
            </h:commandLink>
            <h:commandLink action="#{orderListBean.moveDown(templateItem)}">
                <i class="icon-arrow-down" />
            </h:commandLink>
            <h:commandLink action="#{orderListBean.makeLast(templateItem)}">
                <i class="icon-circle-arrow-down" />
            </h:commandLink>
            <h:commandLink action="#{orderListBean.deleteItem(templateItem)}">
                <i class="icon-remove" />
            </h:commandLink>
        </div>
    </h:panelGrid>

</h:panelGrid>

ボタンを入力フィールドの横に移動する方法はありますか? あなたの答えに本当に感謝します!!!

4

1 に答える 1

1

<div></div>パネル内のタグを取り除きます。それらは要素として分類されているため、最初の列を占めています。そのため、削除アイコンが次の行に表示されています

また、最初の panelGrid の列数を 3 に変更します

于 2013-06-10T14:18:33.437 に答える