1

オートコンプリート コンポーネントがありますが、思い通りに収まりません。

入力フィールドと同じサイズのポップアップ幅が必要です...多くの属性を試しましたが、成功しませんでした。

これは、おそらく、制限ですか？

ここに画像の説明を入力

ポップアップが元の入力フィールドよりも小さいことを確認してください。私は何をする必要がありますか？

.inputPesquisa {
width: 77%;
}

...

<div class="pesquisa">
        <rich:autocomplete value="#{pesquisarBean.pesquisa}" styleClass="inputPesquisa"
            autocompleteList="#{bean.todos}" minChars="4" mode="client" layout="div">
            <div>ata</div>
        </rich:autocomplete>
        <a4j:commandButton value="Pesquisar" render="out, scroller"
            styleClass="botaoPesquisa" execute="@form"
            actionListener="#{pesquisarBean.processAction}" />
            <rich:messages showDetail="false" ></rich:messages>
    </div>
4

1 に答える 1

2

少し古いですが、あなたの質問に出くわしました。

テキスト ボックスの入力プロパティを変更する場合は、次の CSS スタイルを作成します。

.inputPesquisa .rf-au-inp {
    width: 350px;
}

すべてのスタイルツリーでスタイルを作成しようとしましたが、これは機能します(すべてのオートコンプリートコンポーネントに対して):

.rf-au-lst-cord .rf-au-shdw .rf-au-lst-dcrtn .rf-au-lst-scrl {
    max-height: 300px; /* Bigger than this shows scroller */
    width: 100%; /* This is enough to make all the autocomplete lists look nice */
}

しかし、コンポーネントのクラスを追加しようとすると

.inputPesquisa .rf-au-lst-cord .rf-au-shdw .rf-au-lst-dcrtn .rf-au-lst-scrl {
    max-height: 300px;
    width: 100%;
}

もう機能しません。たぶん、Jira を開く場合です。したがって、本題に切り込んで、これを CSS に含めます。

.rf-au-lst-dcrtn .rf-au-lst-scrl {
    max-height: 300px;
    width: 100%;
}
于 2012-12-18T18:48:27.090 に答える