2012-05-06 10 views
1

私はオートコンプリートコンポーネントを持っていますが、私の望むようにフィットしません。Rich Facesの4.0オートコンプリートコンポーネントがサイズに合わない

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

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

enter image description here

ポップアップが原点入力フィールドよりも小さい、ことを参照してください。私は何をする必要がありますか?

.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> 

答えて

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 */ 
} 

しかし、ときに私はそれをD

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

コンポーネントのクラスを追加しようもう仕事はありません。おそらく、Jiraを開く場合です。だから、ちょうど追いかけて、あなたのCSSにこれを含める:

+0

はい、古い質問...私はすでにそれを解決しましたが、あなたの答えは正しいアプローチを持っているようです。 Rich Facesのドキュメントには、カスタマイズする必要があるCSSに関する情報があります。しかし、重要なパラメータを置いてCSSのデフォルトを上書きすることは忘れてしまいます。 –

関連する問題