[
https://issues.jboss.org/browse/RF-5320?page=com.atlassian.jira.plugin.sy...
]
Matt Kenney commented on RF-5320:
---------------------------------
I have a workaround on this issue.
When the component is rendered it positions the handle for your bound value based on an
assumption about the width (or height if vertical orientation). The calculation for the
position of the handle seems to be based on a constant, therfore the inputNumberSlider
will only work correctly at a specific width.
Set the width to exactly 305 pixels using the style attribute as follows:
<rich:inputNumberSlider
id="yourSlider"
style="width: 305px"
...
Setting the width using the width attribute will not have the same effect of correcting
the handle position, but setting it with the style does the trick. The incorrect handle
positioning problem occurs regardless of being wrapped in a rich:tabPanel structure. With
this set the handle should be positioned correctly.
This occurs in the 3.3.3.Final build.
The handle will still be positioned out of range if the bound value is out of range, for
example if your maxValue is 100 and the value is 120 the handle will be beyond the slider
area. It is not possible to set a value out of range using the slider directly, but this
could occur if the bound value is set elsewhere like in a class or javascript function.
Matt
inputNumberSlider: incorrect slider position with rich:tabPanel
---------------------------------------------------------------
Key: RF-5320
URL:
https://issues.jboss.org/browse/RF-5320
Project: RichFaces
Issue Type: Bug
Security Level: Public(Everyone can see)
Affects Versions: 3.3.0
Environment: jsp
myfaces 1.2.5
tomcat 6
Reporter: Tsikhon Kuprevich
Assignee: Nick Belaevski
Fix For: 3.Future
Attachments: slider-arrow.gif
<body topmargin=20 leftmargin=20>
<h:form id="form">
<rich:tabPanel switchType="client">
<rich:tab label="First">
Here is tab #1
<rich:inputNumberSlider value="20" />
</rich:tab>
<rich:tab label="Second">
Here is tab #2
<rich:inputNumberSlider value="80" />
</rich:tab>
</rich:tabPanel>
<h:commandButton action="submit" value="Submit" />
<a4j:commandButton reRender="form"
value="reRender"></a4j:commandButton>
</h:form>
</body>
Click on second tab
see image attached
--
This message is automatically generated by JIRA.
For more information on JIRA, see:
http://www.atlassian.com/software/jira