Author: andrei_exadel
Date: 2008-03-03 09:44:34 -0500 (Mon, 03 Mar 2008)
New Revision: 6492
Modified:
trunk/ui/dataFilterSlider/src/main/resources/org/richfaces/renderkit/html/css/dataFilterSlider.xcss
trunk/ui/dataFilterSlider/src/main/templates/dataFilterSlider.jspx
Log:
RF-2060
Modified:
trunk/ui/dataFilterSlider/src/main/resources/org/richfaces/renderkit/html/css/dataFilterSlider.xcss
===================================================================
---
trunk/ui/dataFilterSlider/src/main/resources/org/richfaces/renderkit/html/css/dataFilterSlider.xcss 2008-03-03
13:40:36 UTC (rev 6491)
+++
trunk/ui/dataFilterSlider/src/main/resources/org/richfaces/renderkit/html/css/dataFilterSlider.xcss 2008-03-03
14:44:34 UTC (rev 6492)
@@ -10,6 +10,12 @@
width:100%;
position:relative;
}
+
+ .rich-dataFilterSlider-container {
+ background-color:transparent;
+ width:100%;
+ position:relative;
+ }
.range{
background-color:transparent;
@@ -19,6 +25,15 @@
border-width: 1px;
border-style: solid;
}
+
+ .rich-dataFilterSlider-range{
+ background-color:transparent;
+ height: 10px;
+ overflow:hidden;
+ float:left;
+ border-width: 1px;
+ border-style: solid;
+ }
.range-decor{
height : 100%;
@@ -26,6 +41,13 @@
border-width: 1px;
border-style: solid;
}
+
+ .rich-dataFilterSlider-range-decor{
+ height : 100%;
+ width : 100%;
+ border-width: 1px;
+ border-style: solid;
+ }
.trailer{
background-color:transparent;
@@ -33,6 +55,13 @@
background-repeat:repeat-x;
height: 10px;
}
+
+ .rich-dataFilterSlider-trailer{
+ background-color:transparent;
+ background-position:top right;
+ background-repeat:repeat-x;
+ height: 10px;
+ }
.track{
background-color:transparent;
@@ -40,6 +69,13 @@
overflow:hidden;
position:absolute;
}
+
+ .rich-dataFilterSlider-track{
+ background-color:transparent;
+ height: 8px;
+ overflow:hidden;
+ position:absolute;
+ }
.handle{
position: absolute;
@@ -49,6 +85,15 @@
line-height: 1px;
font-size: 1px;
}
+
+ .rich-dataFilterSlider-handle{
+ position: absolute;
+ width: 10px;
+ height: 8px;
+ background-color:transparent;
+ line-height: 1px;
+ font-size: 1px;
+ }
.slider-input-field{
border: 1px solid;
@@ -58,6 +103,15 @@
margin: 0px 0px 0px 10px;
float:left;
}
+
+ .rich-dataFilterSlider-input-field{
+ border: 1px solid;
+ background: left top repeat-x;
+ padding: 0px 0px 0px 3px;
+ width : 40px;
+ margin: 0px 0px 0px 10px;
+ float:left;
+ }
]]>
@@ -70,16 +124,36 @@
<u:style name="border-color" skin="panelBorderColor"/>
</u:selector>
+<u:selector name=".rich-dataFilterSlider-range">
+ <u:style name="background-image">
+ <f:resource
f:key="org.richfaces.renderkit.html.images.SliderTrackGradient" />
+ </u:style>
+ <u:style name="border-color" skin="panelBorderColor"/>
+</u:selector>
+
+
<u:selector name=".range">
<u:style name="border-color" skin="subBorderColor"/>
</u:selector>
+<u:selector name=".rich-dataFilterSlider-range">
+ <u:style name="border-color" skin="subBorderColor"/>
+</u:selector>
+
+
<u:selector name=".trailer">
<u:style name="background-image">
<f:resource
f:key="/org/richfaces/renderkit/html/images/sldr_trailer3_bg.gif" />
</u:style>
</u:selector>
+<u:selector name=".rich-dataFilterSlider-trailer">
+ <u:style name="background-image">
+ <f:resource
f:key="/org/richfaces/renderkit/html/images/sldr_trailer3_bg.gif" />
+ </u:style>
+</u:selector>
+
+
<u:selector name=".slider-input-field">
<u:style name="background-image">
<f:resource
f:key="org.richfaces.renderkit.html.images.SliderFieldGradient" />
@@ -93,5 +167,18 @@
<u:style name="border-right-color" skin="subBorderColor"
/>
</u:selector>
+<u:selector name=".rich-dataFilterSlider-input-field">
+ <u:style name="background-image">
+ <f:resource
f:key="org.richfaces.renderkit.html.images.SliderFieldGradient" />
+ </u:style>
+ <u:style name="background-color"
skin="controlBackgroundColor"/>
+ <u:style name="font-family" skin="generalFamilyFont"/>
+ <u:style name="font-size" skin="generalSizeFont"/>
+ <u:style name="color" skin="controlTextColor"/>
+ <u:style name="border-color" skin="panelBorderColor" />
+ <u:style name="border-bottom-color" skin="subBorderColor"
/>
+ <u:style name="border-right-color" skin="subBorderColor"
/>
+</u:selector>
+
</f:template>
Modified: trunk/ui/dataFilterSlider/src/main/templates/dataFilterSlider.jspx
===================================================================
--- trunk/ui/dataFilterSlider/src/main/templates/dataFilterSlider.jspx 2008-03-03 13:40:36
UTC (rev 6491)
+++ trunk/ui/dataFilterSlider/src/main/templates/dataFilterSlider.jspx 2008-03-03 14:44:34
UTC (rev 6492)
@@ -21,23 +21,23 @@
<![CDATA[org.richfaces.component.util.FormUtil.throwEnclFormReqExceptionIfNeed(context,component);]]>
</jsp:scriptlet>
- <div class="slider-container #{component.styleClass}">
- <div id="#{clientId}slider-range" class="range
#{component.rangeStyleClass}"
style="width:#{component.attributes['width']}">
- <div id="#{clientId}slider-range-decor"
class="range-decor">
+ <div class="slider-container rich-dataFilterSlider-container
#{component.styleClass}">
+ <div id="#{clientId}slider-range" class="range
rich-dataFilterSlider-range #{component.rangeStyleClass}"
style="width:#{component.attributes['width']}">
+ <div id="#{clientId}slider-range-decor"
class="range-decor rich-dataFilterSlider-range-decor">
<jsp:scriptlet>
<![CDATA[
boolean trailer = attributeToBoolean(component,
"trailer");
if (trailer) {
]]>
</jsp:scriptlet>
- <div id="#{clientId}slider-trailer" class="trailer
#{component.trailerStyleClass}">
+ <div id="#{clientId}slider-trailer" class="trailer
rich-dataFilterSlider-trailer #{component.trailerStyleClass}">
<jsp:scriptlet>
<![CDATA[
}
]]>
</jsp:scriptlet>
- <div id="#{clientId}slider-track" class="track
#{component.trackStyleClass}"
style="width:#{component.attributes['width']}">
- <div id="#{clientId}slider-handle"
class="handle #{component.handleStyleClass}">
+ <div id="#{clientId}slider-track" class="track
rich-dataFilterSlider-track #{component.trackStyleClass}"
style="width:#{component.attributes['width']}">
+ <div id="#{clientId}slider-handle"
class="handle rich-dataFilterSlider-handle #{component.handleStyleClass}">
<img src="#{arrow}" width="7"
height="8" alt="" border="0" />
</div>
</div>
@@ -63,7 +63,7 @@
]]>
</jsp:scriptlet>
- <input type="text"
onchange="dataFilterSlider.valueChanged(event,this.value);"
class="slider-input-field #{component.fieldStyleClass}"
name="#{clientId}slider_val" id="#{clientId}slider_val"
value="#{component.handleValue}"/>
+ <input type="text"
onchange="dataFilterSlider.valueChanged(event,this.value);"
class="slider-input-field rich-dataFilterSlider-input-field
#{component.fieldStyleClass}" name="#{clientId}slider_val"
id="#{clientId}slider_val" value="#{component.handleValue}"/>
<jsp:scriptlet>
<![CDATA[
Show replies by date