10:47 a.m.
Author: Ochikvina
Date: 2011-01-27 04:47:10 -0500 (Thu, 27 Jan 2011)
New Revision: 21257
Added:
management/design-4x/select-disabled/
management/design-4x/select-disabled/images/
management/design-4x/select-disabled/images/AutocompleteButtonGradient.png
management/design-4x/select-disabled/images/AutocompleteFieldGradient.png
management/design-4x/select-disabled/images/InputBackgroundImage.png
management/design-4x/select-disabled/images/combo_down_button.gif
management/design-4x/select-disabled/images/combo_down_button_dis.gif
management/design-4x/select-disabled/select-disabled.html
Log:
RF-10102 - added disabled mode for select and autocomplete components.
Added: management/design-4x/select-disabled/images/AutocompleteButtonGradient.png
===================================================================
(Binary files differ)
Property changes on:
management/design-4x/select-disabled/images/AutocompleteButtonGradient.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/select-disabled/images/AutocompleteFieldGradient.png
===================================================================
(Binary files differ)
Property changes on:
management/design-4x/select-disabled/images/AutocompleteFieldGradient.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/select-disabled/images/InputBackgroundImage.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/select-disabled/images/InputBackgroundImage.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/select-disabled/images/combo_down_button.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/select-disabled/images/combo_down_button.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/select-disabled/images/combo_down_button_dis.gif
===================================================================
(Binary files differ)
Property changes on:
management/design-4x/select-disabled/images/combo_down_button_dis.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/select-disabled/select-disabled.html
===================================================================
--- management/design-4x/select-disabled/select-disabled.html (rev
0)
+++ management/design-4x/select-disabled/select-disabled.html 2011-01-27 09:47:10 UTC (rev
21257)
@@ -0,0 +1,183 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+ <title>Select disabled</title>
+ <style rel="stylesheet" type="text/css">
+ body{
+ font:normal 11px Arial, Verdana, sans-serif;
+ margin:20px;
+ }
+
+ input, select, textarea, button, keygen, isindex, legend, a {
+ color:#000000;
+ font-family:Arial,Verdana,sans-serif;
+ font-size:11px;
+ }
+
+ input, select, textarea, button, keygen, isindex {
+ border-color:#BED6F8;
+ border-width:1px;
+ color:#000000;
+ }
+
+ textarea, input[type="text"], input[type="password"], select {
+ background-color:#FFFFFF;
+ background-image:url("images/AutocompleteFieldGradient.png");
+ background-position:1px 1px;
+ background-repeat:repeat-x;
+ border:1px solid #BED6F8;
+ color:#000000;
+ font-family:Arial,Verdana,sans-serif;
+ font-size:11px;
+ }
+
+ textarea[disabled], input[type="text"][disabled],
input[type="password"][disabled], select[disabled] {
+ cursor:default;
+ }
+
+ /*--- RF Select styles ---*/
+ .rf-sel {
+ display:inline-block;
+ width:200px;
+ }
+ .rf-sel-fld {
+ background-color:#FFFFFF;
+ background-image:url("images/AutocompleteFieldGradient.png");
+ background-position:left top;
+ background-repeat:repeat-x;
+ border:1px solid #BED6F8;
+ width:100%;
+ }
+ input.rf-sel-inp {
+ border-width:0;
+ color:#000000;
+ font-family:Arial,Verdana,sans-serif;
+ font-size:11px;
+ width:100%;
+ }
+ input.rf-sel-inp-dis{
+ color:#BED6F8; /*headerBackgroundColor*/
+ cursor:default;
+ }
+ .rf-sel-inp, .rf-sel-opt {
+ color:#000000;
+ font-family:Arial,Verdana,sans-serif;
+ font-size:11px;
+ }
+ .rf-sel-btn {
+ background-color:#BED6F8;
+ background-image:url("images/AutocompleteButtonGradient.png");
+ background-position:left top;
+ background-repeat:repeat-x;
+ border-color:#BED6F8;
+ border-style:solid;
+ border-width:1px 1px 1px 0;
+ height:200px;
+ padding-top:1px;
+ position:absolute;
+ right:0;
+ text-align:center;
+ top:0;
+ width:15px;
+ }
+ .rf-sel-btn-arrow {
+ background-image:url("images/combo_down_button.gif");
+ background-position:center center;
+ background-repeat:no-repeat;
+ cursor:pointer;
+ height:15px;
+ width:15px;
+ }
+ .rf-sel-btn-arrow-dis {
+ background-image:url("images/combo_down_button_dis.gif");
+ background-position:center center;
+ background-repeat:no-repeat;
+ cursor:default;
+ height:15px;
+ width:15px;
+ }
+ .rf-sel-lst-cord {
+ display:none;
+ position:absolute;
+ }
+
+ /*--- RF Autocomplete styles ---*/
+
+ .rf-au-fld {
+ background-color:#FFFFFF;
+ background-image:url("images/AutocompleteFieldGradient.png");
+ background-position:left top;
+ background-repeat:repeat-x;
+ border:1px solid #BED6F8;
+ display:inline-block;
+ width:200px;
+ }
+ input.rf-au-inp {
+ border-width:0;
+ width:100%;
+ }
+ input.rf-au-inp-dis {
+ color:#BED6F8; /*headerBackgroundColor*/
+ cursor:default;
+ }
+ .rf-au-lst-cord {
+ display:none;
+ position:absolute;
+ }
+ </style>
+</head>
+<body>
+ <h1>Select disabled</h1>
+ <div class="rf-sel">
+ <div style="position: relative; overflow: hidden; text-align: left;
padding-right: 18px;">
+ <input type="hidden" value="2"/>
+ <div class="rf-sel-fld">
+ <input type="text" readonly="readonly"
class="rf-sel-inp rf-sel-inp-dis" autocomplete="off"
value="Option1" disabled="disabled"/>
+ </div>
+ <div class="rf-sel-btn">
+ <div class="rf-sel-btn-arrow-dis"></div>
+ </div>
+ </div>
+ <div class="rf-sel-lst-cord" style="left: 349px; top: 353px;
display: none;">
+ <div class="rf-sel-shdw">
+ <div class="rf-sel-shdw-t"></div>
+ <div class="rf-sel-shdw-l"></div>
+ <div class="rf-sel-shdw-r"></div>
+ <div class="rf-sel-shdw-b"></div>
+ <div class="rf-sel-lst-dcrtn">
+ <div style="min-height: 20px; max-height: 100px; width:
200px;" class="rf-sel-lst-scrl">
+ <div>
+ <div class="rf-sel-opt rf-sel-sel" >Option
1</div>
+ <div class="rf-sel-opt">Option 2</div>
+ <div class="rf-sel-opt">Option 3</div>
+ <div class="rf-sel-opt">Option 4</div>
+ <div class="rf-sel-opt">Option 5</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <h1>Autocomplete disabled</h1>
+
+ <div class="rf-au-fld">
+ <input type="hidden" class="rf-au-fnt rf-au-inp"/>
+ <div style="position: relative; overflow: hidden; text-align: left;
padding-right: 21px;">
+ <input type="text" class="rf-au-fnt rf-au-inp rf-au-inp-dis"
autocomplete="off" value="Rhode Island"
disabled="disabled"/>
+ </div>
+ <div class="rf-au-lst-cord">
+ <div class="rf-au-shdw">
+ <div class="rf-au-shdw-t"></div>
+ <div class="rf-au-shdw-l"></div>
+ <div class="rf-au-shdw-r"></div>
+ <div class="rf-au-shdw-b"></div>
+ <div class="rf-au-lst-dcrtn">
+ <div class="rf-au-lst-scrl">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</body>
+</html>