[richfaces-svn-commits] JBoss Rich Faces SVN: r6214 - in trunk/sandbox/ui/inplaceSelect/src/main: templates and 1 other directory.

Author: abelevich Date: 2008-02-20 11:05:37 -0500 (Wed, 20 Feb 2008) New Revision: 6214 Modified: trunk/sandbox/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss trunk/sandbox/ui/inplaceSelect/src/main/templates/inplaceselect.jspx Log: rename css Modified: trunk/sandbox/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss =================================================================== --- trunk/sandbox/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss 2008-02-20 15:09:39 UTC (rev 6213) +++ trunk/sandbox/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss 2008-02-20 16:05:37 UTC (rev 6214) @@ -10,6 +10,9 @@ body{padding : 30px;} fieldset{padding : 30px; border : 1px solid #c0c0c0;} legend{font-weight : bold} + +.rich-inplace { +} .rich-inplace-select-default-state{ white-space : nowrap; @@ -46,6 +49,11 @@ width : 100px; height : 1px } +.rich-inplace-select-btn-set{ + position : absolute; + top:0px; left : 112px; + white-space : nowrap +} .rich-inplace-select-btn { background-position : top; @@ -56,7 +64,7 @@ margin : 0px; } -.rich-inplace-select-press{ +.rich-inplace-select-btn-press{ background-position: top; background-repeat: repeat-x; background-color: #C7D7EC; /*gradient - from tabBackgroundColor to generalBackgroundColor, background-color - tabBackgroundColor*/ @@ -65,13 +73,6 @@ margin : 0px; } -.rich-inplace-select-set{ - position : absolute; - top:0px; - left : 112px; - white-space : nowrap -} - .rich-inplace-select-shadow{ top:0; left:0; @@ -88,7 +89,7 @@ font-size : 0px;d!isplay : none }/*DDL is hidden!!!!!*/ -.rich-inplace-select-list_scroll{ +.rich-inplace-select-list-scroll{ overflow : auto; height : 100px; } @@ -146,27 +147,9 @@ background-position : bottom right; } -.rich-inplace-select-shadow-tl{ - background-repeat: repeat-x; - background-position: top left; -} - -..rich-inplace-select-shadow-tr{ - background-repeat: repeat-x; - background-position: top right; -} -.rich-inplace-select-shadow-bl{ - background-repeat : repeat-x - background-position: bottom left; -} - -.rich-inplace-select-shadow-br{ - background-repeat : repeat-x; - background-position : bottom right; -} ]]> </f:verbatim> - <u:selector name="..rich-inplace-select-changed-state"> + <u:selector name=".rich-inplace-select-changed-state"> <u:style name="background-image"> <f:resource f:key="org.richfaces.renderkit.html.images.EditIcon"/> </u:style> @@ -203,30 +186,6 @@ </u:style> </u:selector> - <u:selector name=".rich-inplace-select-shadow-tl"> - <u:style name="background-image"> - <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> - </u:style> - </u:selector> - - <u:selector name=".rich-inplace-select-shadow-tr"> - <u:style name="background-image"> - <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> - </u:style> - </u:selector> - - <u:selector name=".rich-inplace-select-shadow-bl"> - <u:style name="background-image"> - <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> - </u:style> - </u:selector> - - <u:selector name=".rich-inplace-select-shadow-br"> - <u:style name="background-image"> - <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> - </u:style> - </u:selector> - <u:selector name=".rich-inplace-select-btn"> <u:style name="background-image"> <f:resource f:key="org.richfaces.renderkit.html.images.SpinnerButtonGradient"/> Modified: trunk/sandbox/ui/inplaceSelect/src/main/templates/inplaceselect.jspx =================================================================== --- trunk/sandbox/ui/inplaceSelect/src/main/templates/inplaceselect.jspx 2008-02-20 15:09:39 UTC (rev 6213) +++ trunk/sandbox/ui/inplaceSelect/src/main/templates/inplaceselect.jspx 2008-02-20 16:05:37 UTC (rev 6214) @@ -60,9 +60,9 @@ </jsp:scriptlet> <f:resource var="spacer" name="images/spacer.gif"/> -<span id="#{clientId}" class="insel_edit_state"> +<span id="#{clientId}" class="rich-inplace-select-edit-state"> <input id="#{clientId}tabber" type="button" value="" style="width: 1px; position: absolute; left: -32767px;" /> - <img id="#{clientId}inplaceStrut" src="#{spacer}" class="is_strut"/> + <img id="#{clientId}inplaceStrut" src="#{spacer}" class="rich-inplace-select-strut"/> <input id="#{clientId}inplaceTmpValue" readonly="readonly" type="Text" @@ -71,59 +71,59 @@ autocomplete="off" maxlength='#{component.attributes["inputMaxLength"]}' tabindex='#{component.attributes["tabindex"]}' - class="insel_field"/> + class="rich-inplace-select-field"/> <input id='#{clientId}inplaceValue' name='#{clientId}value' type='hidden' value='#{fieldValue}'/> - <div id="#{clientId}bar" class="insel_btn_set" style="display:none;"> - <div class="insel_shadow"> + <div id="#{clientId}bar" class="rich-inplace-select-btn-set" style="display:none;"> + <div class="rich-inplace-select-shadow"> <table cellpadding="0" cellspacing="0" border="0" class="insel_shadow_size"> <tr> - <td class="insel_shadow_tl"> + <td class="rich-inplace-select-shadow-tl"> <img src="#{spacer}" width="10" height="1" alt="" border="0"/><br/> </td> - <td class="insel_shadow_tr"> + <td class="rich-inplace-select-shadow-tr"> <img src="#{spacer}" width="1" height="10" alt="" border="0"/><br/> </td> </tr> <tr> - <td class="insel_shadow_bl"> + <td class="rich-inplace-select-shadow-bl"> <img src="#{spacer}" width="1" height="10" alt="" border="0"/><br/> </td> - <td class="insel_shadow_br"> + <td class="rich-inplace-select-shadow-br"> <img src="#{spacer}" width="10" height="1" alt="" border="0"/><br/> </td> </tr> </table> </div> <div id="#{clientId}buttons" style="position : relative"> - <input id="#{clientId}ok" type="image" src="#{saveIcon}" class="insel_btn" onmousedown="this.className='insel_btn_press'" onmouseout="this.className='insel_btn'" onmouseup="this.className='insel_btn'"/> - <input id="#{clientId}cancel" type="image" src="#{cancelIcon}" class="insel_btn" onmousedown="this.className='insel_btn_press'" onmouseout="this.className='insel_btn'" onmouseup="this.className='insel_btn'"/> + <input id="#{clientId}ok" type="image" src="#{saveIcon}" class="rich-inplace-select-btn" onmousedown="this.className='rich-inplace-select-btn-press'" onmouseout="this.className='rich-inplace-select-btn'" onmouseup="this.className='rich-inplace-select-btn'"/> + <input id="#{clientId}cancel" type="image" src="#{cancelIcon}" class="rich-inplace-select-btn" onmousedown="this.className='rich-inplace-select-btn-press'" onmouseout="this.className='rich-inplace-select-btn'" onmouseup="this.className='rich-inplace-select-btn'"/> </div> </div> - <div id="listParent#{clientId}" class="cb_width_list" style="position : absolute; height : 100px; left : 0px; top: 13px"> - <div class="cb_shadow"> + <div id="listParent#{clientId}" class="rich-inplace-select-width-list" style="position : absolute; height : 100px; left : 0px; top: 13px"> + <div class="rich-inplace-select-shadow"> <table id="shadow#{clientId}" cellpadding="0" cellspacing="0" border="0" width="257" height="109"> <tr> - <td class="cb_shadow_tl"> + <td class=".rich-inplace-select-shadow-tl"> <img src="#{spacer}" width="10" height="1" alt="" border="0"/><br/> </td> - <td class="cb_shadow_tr"> + <td class=".rich-inplace-select-shadow-tr"> <img src="#{spacer}" width="1" height="10" alt="" border="0"/><br/> </td> </tr> <tr> - <td class="cb_shadow_bl"> + <td class=".rich-inplace-select-shadow-bl"> <img src="#{spacer}" width="1" height="10" alt="" border="0"/><br/> </td> - <td class="cb_shadow_br"> + <td class=".rich-inplace-select-shadow-br"> <img src="#{spacer}" width="10" height="10" alt="" border="0"/><br/> </td> </tr> </table> </div> - <div id="listPosition#{clientId}" class="cb_list_position"> - <div id="listDecoration#{clientId}" class="cb_list_decoration"> - <div id="list#{clientId}" class="cb_list_scroll"> + <div id="listPosition#{clientId}" class="rich-inplace-select-list-position"> + <div id="listDecoration#{clientId}" class="rich-inplace-select-list-decoration"> + <div id="list#{clientId}" class="rich-inplace-select-list-scroll"> <f:call name="encodeItems"/> </div> </div> @@ -143,16 +143,16 @@ DISABLED : "#{inputDisabledStyle}"} }, COMBO_LIST : { - LIST : {CLASSES :{ACTIVE : "rich-combobox-list-cord rich-combobox-list-scroll rich-combobox-list-decoration rich-combobox-list-position #{listClass}"}, + LIST : {CLASSES :{ACTIVE : "rich-inplace-select-list-scroll rich-inplace-select-list-decoration rich-inplace-select-list-position #{listClass}"}, STYLE : {ACTIVE: "#{listStyle}"} }, - ITEM : {NORMAL : "rich-combobox-item #{itemClass}", - SELECTED : "rich-combobox-item rich-combobox-item-selected #{itemSelectedClass}" + ITEM : {NORMAL : "rich-inplace-select-option #{itemClass}", + SELECTED : "rich-inplace-select-option rich-inplace-select-select-item #{itemSelectedClass}" } }, - COMPONENT : {CHANGED : {NORMAL : 'rich-inplace insel_default_state insel_changed_state #{component.attributes["changedClass"]}', HOVERED : '#{component.attributes["changedHoveredClass"]}'}, - VIEW : {NORMAL : 'rich-inplace insel_default_state #{component.attributes["viewClass"]}', HOVERED : '#{component.attributes["viewHoveredClass"]}'}, - EDITABLE : 'rich-inplace insel_edit_state #{component.attributes["editClass"]}' + COMPONENT : {CHANGED : {NORMAL : 'rich-inplace rich-inplace-select-default-state rich-inplace-select-changed-state #{component.attributes["changedClass"]}', HOVERED : '#{component.attributes["changedHoveredClass"]}'}, + VIEW : {NORMAL : 'rich-inplace rich-inplace-select-default-state #{component.attributes["viewClass"]}', HOVERED : '#{component.attributes["viewHoveredClass"]}'}, + EDITABLE : 'rich-inplace rich-inplace-select-edit-state #{component.attributes["editClass"]}' } }; @@ -173,8 +173,8 @@ onviewactivated : #{this:getAsEventHandler(context, component, "onviewactivated")}}; var richInplaceList = new Richfaces.InplaceSelectList('list#{clientId}', 'listParent#{clientId}', false, - Richfaces.InplaceSelect.CLASSES, '100px', '100px', #{this:getItemsTextAsJSArray(context, component)}, null, - '#{clientId}inplaceTmpValue', 'shadow#{clientId}', 0, 0); + Richfaces.InplaceSelect.CLASSES, '100px', '100px', #{this:getItemsTextAsJSArray(context, component)}, null, + '#{clientId}inplaceTmpValue', 'shadow#{clientId}', 0, 0); var richInplaceSelect = new Richfaces.InplaceSelect(richInplaceList, '#{clientId}', '#{clientId}inplaceTmpValue', '#{clientId}inplaceValue', '#{clientId}tabber', '#{clientId}inplaceStrut', richInplaceSelAttributes, richInplaceSelEvents, Richfaces.InplaceSelect.CLASSES,