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

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[