[
https://issues.jboss.org/browse/RF-5320?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12607963#comment-12607963
]
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
_______________________________________________
richfaces-issues mailing list
[email protected]
https://lists.jboss.org/mailman/listinfo/richfaces-issues
