[richfaces-svn-commits] JBoss Rich Faces SVN: r6214 - in trunk/sandbox/ui/inplaceSelect/src/main: templates and 1 other directory.
richfaces-svn-commits at lists.jboss.org
richfaces-svn-commits at lists.jboss.org
Wed Feb 20 11:05:37 EST 2008
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,
More information about the richfaces-svn-commits
mailing list