[richfaces-svn-commits] JBoss Rich Faces SVN: r5519 - management/design/comboBox/markup.

richfaces-svn-commits at lists.jboss.org richfaces-svn-commits at lists.jboss.org
Mon Jan 21 19:59:10 EST 2008


Author: nbelaevski
Date: 2008-01-21 19:59:09 -0500 (Mon, 21 Jan 2008)
New Revision: 5519

Added:
   management/design/comboBox/markup/ComboBox_Strict_base.html
   management/design/comboBox/markup/ComboBox_Strict_sky.html
Log:
design variants for combo box added

Added: management/design/comboBox/markup/ComboBox_Strict_base.html
===================================================================
--- management/design/comboBox/markup/ComboBox_Strict_base.html	                        (rev 0)
+++ management/design/comboBox/markup/ComboBox_Strict_base.html	2008-01-22 00:59:09 UTC (rev 5519)
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html>
+<head>  
+	<title>Untitled</title>
+
+	<style>
+		iframe {
+			border: 0px none white;
+			width: 400px;
+			height: 500px;
+			
+		}
+	</style>
+</head>
+
+<body style="margin : 30px; background : white">
+
+	<iframe src="ComboBox_Strict_sky.html" frameborder="0"></iframe>
+	<iframe src="ComboBox_Strict.html" frameborder="0"></iframe>
+
+</body>
+</html>

Added: management/design/comboBox/markup/ComboBox_Strict_sky.html
===================================================================
--- management/design/comboBox/markup/ComboBox_Strict_sky.html	                        (rev 0)
+++ management/design/comboBox/markup/ComboBox_Strict_sky.html	2008-01-22 00:59:09 UTC (rev 5519)
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html>
+<head>  
+	<title>Untitled</title>
+<style>
+.cb_width_field{ width : 250px;}
+.cb_width_list{ width : 248px;}
+.cb_font{ font-size : 11px/*generalSizeFont*/; font-family : arial/*generalFamilyFont*/; color : #000000/*generalTextColor*/} 
+.cb_shell{ position : relative;}
+.cb_field{ width : 240px; position : absolute; top : 0px; left : 0; padding-left :3px; margin : 0px; border : 1px solid #c0c0c0; /*background-image: url(SpinnerFieldGradient.gif);*/ background-position:left top;
+background-repeat:repeat-x; /*border-color: #BED6F8 rgb(255, 255, 255) #BED6F8 rgb(190, 214, 248); background-color : #FFFFFF;*/ /*controlBackgroundColor*/} /*panelBorderColor*/
+.cb_strut{ width : 240px; position : relative; visibility : hidden; padding-left :3px; margin : 0px; border : 1px solid #c0c0c0; margin : 0px; border : 1px solid #c0c0c0;}
+.cb_button{ position : absolute; top : 0px; right : 0; width : 17px; padding-left : 0px; padding-right : 0px; margin : 0px; border : 1px solid #c0c0c0; /*border-color: #BED6F8 rgb(190, 214, 248) #BED6F8 rgb(190, 214, 248);*/ } /*panelBorderColor*/
+.cb_button_bg{ background : url(images/bg_btn1.png) top  repeat-x #4a75b5;} /*gradient - from generalBackgroundColor to tabBackgroundColor, background-color - tabBackgroundColor*/
+.cb_button_bg_press{ background : url(images/bg_press.png) repeat-x bottom #4a75b5} /*gradient - from tabBackgroundColor to generalBackgroundColor, background-color - tabBackgroundColor*/
+.cb_button_arrow{  background : url(images/down.gif) center  no-repeat; cursor : pointer;}
+.cb_button_select{  border : 1px solid #E79A00;} /*selectControlColor*/
+
+.cb_list_cord{ position : relative; font-size : 0px;d!isplay : none}/*DDL is hidden!!!!!*/
+.cb_list_position{ position : absolute; top:1px; left:0px;}
+.cb_list_decoration{border : 1px solid #c0c0c0  /*panelBorderColor*/;  padding : 0px; background : #FFFFFF; /*tableBackgroundColor*/}
+.cb_list_scroll{ overflow : auto; overflow-x : hidden; height : 100px;}
+.cb_option{ padding : 2px; white-space : nowrap;}
+.cb_select{ padding : 1px; width : 100%; background-color: #4a75b5; border : 1px dotted #4a75b5; color: white;/*generalTextColor*/}
+.cb_shadow{ top:10; left:0; position : absolute;}
+.cb_shadow_tl{ background : url(images/bg_shadow.png) repeat-x top left;}
+.cb_shadow_tr{ background : url(images/bg_shadow.png) repeat-x top right;}
+.cb_shadow_bl{ background : url(images/bg_shadow.png) repeat-x bottom left;}
+.cb_shadow_br{ background : url(images/bg_shadow.png) repeat-x bottom right;}
+</style>	
+</head>
+
+<body style="margin : 30px; background : white">
+
+<div class="cb_width_list cb_font cb_shell">
+	<div class="cb_list_cord"></div>
+	<div class="cb_width_field cb_font cb_shell">
+		<input type="Text" value="Input text or select option" class="cb_width_field cb_font cb_field">
+		<input readonly="" type="Text" value="" class="cb_button cb_font cb_button_bg">
+		<input readonly="" type="Text" value="" class="cb_button cb_font cb_button_arrow" onmouseover="this.className='cb_button cb_font cb_button_arrow cb_button_select'" onmouseout="this.className='cb_button cb_font cb_button_arrow'">
+		<div class="cb_width_field cb_strut cb_font">Strut</div>
+	</div><div class="cb_list_cord">
+		<iframe class="cb_width_list cb_list_scroll cb_list_position" frameborder="0"></iframe>
+		<div class="cb_shadow">
+			<table cellpadding="0" cellspacing="0" border="0" width="255" height="109">
+				<tr>
+					<td class="cb_shadow_tl">
+						<img src="images/spacer.gif" width="10" height="1" alt="" border="0"><br>
+					</td>
+					<td class="cb_shadow_tr">
+						<img src="images/spacer.gif" width="1" height="10" alt="" border="0"><br>
+					</td>
+				</tr>
+				<tr>
+					<td class="cb_shadow_bl">
+						<img src="images/spacer.gif" width="1" height="10" alt="" border="0"><br>
+					</td>
+					<td class="cb_shadow_br">
+						<img src="images/spacer.gif" width="10" height="10" alt="" border="0"><br>
+					</td>
+				</tr>
+			</table>
+		</div>
+		<div class="cb_list_position">
+			<div class="cb_list_decoration">
+				<div class="cb_list_scroll cb_width_list">
+					<div class="cb_option cb_font">Option 1</div>
+					<div class="cb_option cb_font">Option 2</div>
+					<div class="cb_option cb_font">Option 3</div>
+					<div class="cb_option cb_font">Option 4</div>
+					<div class="cb_option cb_font cb_select">Opt</div>
+					<div class="cb_option cb_font">Option 6</div>
+					<div class="cb_option cb_font">Option 7</div>
+					<div class="cb_option cb_font">Option 8</div>
+					<div class="cb_option cb_font">Option 9</div>
+					<div class="cb_option cb_font">Option 0</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+
+
+
+</body>
+</html>




More information about the richfaces-svn-commits mailing list