You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by Apache Wiki <wi...@apache.org> on 2006/08/07 18:42:32 UTC
[Myfaces Wiki] Update of "InputSuggestAjax" by GeraldMüllan
Dear Wiki user,
You have subscribed to a wiki page or wiki category on "Myfaces Wiki" for change notification.
The following page has been changed by GeraldMüllan:
http://wiki.apache.org/myfaces/InputSuggestAjax
------------------------------------------------------------------------------
}
}}}
+
+ === Styling ===
+
+ InputSuggestAjax provides a default style defined by Dojo. However, if you want to style the
+ component your own way, you have to set the overrideDefaultStyle attribute to true and provide
+ your own style classes. Following the original Dojo css styles:
+
+ {{{
+
+ input.comboBoxInput {
+ font-size: 0.8em;
+ border: 0px;
+ }
+
+ .comboBoxOptions {
+ font-family: Verdana, Helvetica, Garamond, sans-serif;
+ font-size: 0.7em;
+ background-color: white;
+ border: 1px solid #afafaf;
+ position: absolute;
+ z-index: 1000;
+ overflow: auto;
+ -moz-opacity: 0;
+ cursor: default;
+ }
+
+ table.dojoComboBox {
+ border: 1px solid #afafaf;
+ }
+
+ .cbItem {
+ padding-left: 2px;
+ padding-top: 2px;
+ margin: 0px;
+ }
+
+ .cbItemEven {
+ background-color: #f4f4f4;
+ }
+
+ .cbItemOdd {
+ background-color: white;
+ }
+
+ .cbItemHighlight {
+ background-color: #63709A;
+ color: white;
+ }
+
+ }}}
+
+ Just copy the styles to your own css-file, and change whatever you want, except naming of classes.
+