0

ソース リストの項目数が 17 を超えると、リストの書式設定がうまくいかず、リストの上に空白ができてしまいます。ソースリストからターゲットリストにアイテムを移動すると、スクロールバーが常に表示され、ソースリストのカウントが17以下になり、フォーマットは問題ありません。フォーマットを制御するための回避策はありますか。以下は画像です: 未フォーマット (17 アイテム以上) およびフォーマット済み (18 アイテム未満)。

ここに画像の説明を入力 ここに画像の説明を入力

<div class="add-company-input-section">

        <h:panelGrid id="ModalPanel" columns="2" columnClasses="rc,lc">


            <label style="font-weight:bold;margin-top:5px">Name: </label>
            <h:inputText id="companyName"  value="#{companyAdminAction.companyName}"/>

            <label style="font-weight:bold;margin-top:5px">Website: </label>
            <h:inputText id="websiteName"  value="#{companyAdminAction.website}"/>

            <br/>

        </h:panelGrid>

                    <h3 style="color:#C88039; padding-bottom:5px;">Jurisdictions: </h3>
            <rich:listShuttle id="companyJurisdictionShutle"
                              sourceValue="#{companyAdminAction.statesList}"
                              targetValue="#{companyAdminAction.selectedStates}"
                              var="item" orderControlsVisible="false" fastOrderControlsVisible="false"
                              sourceCaptionLabel="Available"
                              targetCaptionLabel="Selected">
                <rich:column>
                    #{item}
                </rich:column>
            </rich:listShuttle>


    </div>
4

1 に答える 1

0

これはcssの依存関係によるもので、リストシャトルにスタイルクラスを追加すると修正されました。

   <style type="text/css">
    .lishShuttle td{vertical-align:top;}
   </style>

      <rich:listShuttle id="companyJurisdictionShutle"
                                  sourceValue="#{companyAdminAction.jurisdictionList}"
                                  targetValue="#{companyAdminAction.targetJurisdictionList}"
                                  converter="#{dmpJurisdictionConverter}"
                                  rowKeyConverter="dmpJurisdictionConverter"
                                  rowClasses=""
                                  var="item" orderControlsVisible="false" fastOrderControlsVisible="false"
                                  sourceCaptionLabel="Available"
                                  targetCaptionLabel="Selected" styleClass="lishShuttle">
                    <rich:column>
                        #{item}
                    </rich:column>
                </rich:listShuttle>
于 2012-06-29T17:56:07.897 に答える