Author: admitriev
Date: 2007-12-28 11:32:38 -0500 (Fri, 28 Dec 2007)
New Revision: 5085
Added:
management/design/comboBox/markup/ComboBox_long.html
Modified:
management/design/comboBox/markup/comboBox.html
Log:
http://jira.jboss.com/jira/browse/RF-1217
Added: management/design/comboBox/markup/ComboBox_long.html
===================================================================
--- management/design/comboBox/markup/ComboBox_long.html (rev 0)
+++ management/design/comboBox/markup/ComboBox_long.html 2007-12-28 16:32:38 UTC (rev
5085)
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+ <title>Untitled</title>
+<style>
+.cb_width{ width : 150px;}
+.cb_font{ font-size : 11px/*generalSizeFont*/; font-family : arial/*generalFamilyFont*/;
color : #000000/*generalTextColor*/}
+.cb_shell{ position : relative;}
+.cb_field{ position : absolute; top : 0px; left : 0; padding-right :20px; padding-left
:3px; margin : 0px; border : 1px solid #c0c0c0;} /*panelBorderColor*/
+.cb_strut{ position : relative; visibility : hidden; margin : 0px; padding : 2px;}
+.cb_button{ position : absolute; top : 0px; right : 0; width : 17px; margin : 0px; border
: 1px solid #c0c0c0; } /*panelBorderColor*/
+.cb_button_bg{ background : url(images/bg_btn.png) top repeat-x #C7D7EC;} /*gradient -
from generalBackgroundColor to tabBackgroundColor, background-color -
tabBackgroundColor*/
+.cb_button_bg_press{ background : url(images/bg_press.png) repeat-x bottom #C7D7EC}
/*gradient - from tabBackgroundColor to generalBackgroundColor, background-color -
tabBackgroundColor*/
+.cb_button_arrow{ background : url(images/down.gif) center no-repeat; cursor :
pointer;}
+
+.cb_list_cord{ position : relative; font-size : 0px;d!isplay : none}/*DDL is
hidden!!!!!*/
+.cb_list_position{ position : absolute; top:-5px; left:0px;}
+.cb_list_decoration{border : 1px solid #c0c0c0 /*panelBorderColor*/; padding : 0px;
background : #FFFFFF; /*tableBackgroundColor*/}
+.cb_list_scroll{ overflow : auto; overflow-x : hidden; height : 100;}
+.cb_option{ padding : 2px; white-space : nowrap;}
+.cb_select{ padding : 1px; width : 100%; background : #C7D7EC; border : 1px dotted
#000000;/*generalTextColor*/}
+</style>
+</head>
+
+<body style="margin : 30px">
+
+<select class="cb_font cb_width">
+ <option>Item Item Item Item Item Item Item Item Item Item <option>
+ <option>Item<option>
+ <option>Item<option>
+ <option>Item<option>
+ <option>Item<option>
+</select>
+ <br><br>
+<div class="cb_width cb_font cb_shell">
+ <input type="Text" value="Input text or select option"
class="cb_width 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">
+ <input type="Text"class="cb_width cb_strut cb_font"><div
class="cb_list_cord">
+ <div class="cb_list_position cb_width">
+ <div class="cb_list_decoration">
+ <div class="cb_list_scroll">
+ <div class="cb_option cb_font">Option Option Option Option Option
Option 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>
Modified: management/design/comboBox/markup/comboBox.html
===================================================================
--- management/design/comboBox/markup/comboBox.html 2007-12-28 16:14:31 UTC (rev 5084)
+++ management/design/comboBox/markup/comboBox.html 2007-12-28 16:32:38 UTC (rev 5085)
@@ -4,29 +4,35 @@
<head>
<title>Untitled</title>
<style>
-.cb_width{ width : 150px; }
+.cb_width{ width : 150px;}
.cb_font{ font-size : 11px/*generalSizeFont*/; font-family : arial/*generalFamilyFont*/;
color : #000000/*generalTextColor*/}
.cb_shell{ position : relative;}
-.cb_field{ position : absolute; top : 0px; left : 0;padding :1px 20px 1px 2px; margin :
0px; border : 1px solid #c0c0c0;} /*panelBorderColor*/
-.cb_strut{ position : relative; visibility : hidden; margin : 0px; padding : 1px;}
-.cb_button{ position : absolute; top : 0px; right : 0; width : 18px; padding : 1px;
margin : 0px; border : 1px solid #c0c0c0; } /*panelBorderColor*/
+.cb_field{ position : absolute; top : 0px; left : 0; padding-right :20px; padding-left
:3px; margin : 0px; border : 1px solid #c0c0c0;} /*panelBorderColor*/
+.cb_strut{ position : relative; visibility : hidden; margin : 0px; padding : 2px;}
+.cb_button{ position : absolute; top : 0px; right : 0; width : 17px; margin : 0px; border
: 1px solid #c0c0c0; } /*panelBorderColor*/
.cb_button_bg{ background : url(images/bg_btn.png) top repeat-x #C7D7EC;} /*gradient -
from generalBackgroundColor to tabBackgroundColor, background-color -
tabBackgroundColor*/
.cb_button_bg_press{ background : url(images/bg_press.png) repeat-x bottom #C7D7EC}
/*gradient - from tabBackgroundColor to generalBackgroundColor, background-color -
tabBackgroundColor*/
-.cb_button_arrow{ background : url(images/down.gif) center no-repeat; cursor :
pointer;}
+.cb_button_arrow{ background : url(images/down.gif) center no-repeat; cursor :
pointer;}
-.cb_list_cord{ position : relative; font-size : 0px; /*display:none;*/ top: 2px;}/*DDL is
hidden!!!!!*/
+.cb_list_cord{ position : relative; font-size : 0px;d!isplay : none}/*DDL is
hidden!!!!!*/
.cb_list_position{ position : absolute; top:-5px; left:0px;}
-.cb_list_decoration{ border : 1px solid #c0c0c0 /*panelBorderColor*/; padding : 0px;
background : #FFFFFF; /*tableBackgroundColor*/}
-.cb_list_scroll{ overflow : auto; width : 100%; height : 100;}
+.cb_list_decoration{border : 1px solid #c0c0c0 /*panelBorderColor*/; padding : 0px;
background : #FFFFFF; /*tableBackgroundColor*/}
+.cb_list_scroll{ overflow : auto; overflow-x : hidden; height : 100;}
.cb_option{ padding : 2px; white-space : nowrap;}
-.cb_select{ padding : 1px; background : #C7D7EC; border : 1px dotted
#000000;/*generalTextColor*/}
+.cb_select{ padding : 1px; width : 100%; background : #C7D7EC; border : 1px dotted
#000000;/*generalTextColor*/}
</style>
</head>
<body style="margin : 30px">
-
-
+<select class="cb_font cb_width">
+ <option>Item<option>
+ <option>Item<option>
+ <option>Item<option>
+ <option>Item<option>
+ <option>Item<option>
+</select>
+ <br><br>
<div class="cb_width cb_font cb_shell">
<input type="Text" value="Input text or select option"
class="cb_width cb_font cb_field">
<input readonly="" type="Text" value=""
class="cb_button cb_font cb_button_bg">
@@ -52,5 +58,7 @@
</div>
+
+
</body>
</html>