myfaces-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Apache Wiki <wikidi...@apache.org>
Subject [Myfaces Wiki] Update of "InputSuggestAjax" by GeraldMüllan
Date Mon, 07 Aug 2006 16:42:32 GMT
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.
+ 

Mime
View raw message