[richfaces-issues] [JBoss JIRA] Commented: (RF-5320) inputNumberSlider: incorrect slider position with rich:tabPanel

Sat Jun 11 00:32:59 EDT 2011

    [ 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