<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<f:subview id="inputNumberSliderSubviewID">
		<h:panelGrid columns="1">
			<rich:inputNumberSlider binding="#{inputNumberSlider.htmlInputNumberSlider}" id="SliderId" barStyle="#{style.barStyle}" handleSelectedClass="#{style.handleSelectedClass}" inputStyle="#{style.inputStyle}" tipStyle="#{style.tipStyle}" style="#{style.style}" immediate="#{inputNumberSlider.immediate}"
				inputPosition="#{inputNumberSlider.inputPosition}" showToolTip="#{inputNumberSlider.showToolTip}"
				tabindex="#{inputNumberSlider.tabindex}" value="#{inputNumberSlider.value}" valueChangeListener="#{inputNumberSlider.valueChangeListener}"
				required="#{inputNumberSlider.rendered}" requiredMessage="#{inputNumberSlider.requiredMessage}"
				disabled="#{inputNumberSlider.disabled}" enableManualInput="#{inputNumberSlider.enableManualInput}"
				inputSize="#{inputNumberSlider.inputSize}" maxValue="#{inputNumberSlider.maxValue}" minValue="#{inputNumberSlider.minValue}"
				rendered="#{inputNumberSlider.rendered}" showBoundaryValues="#{inputNumberSlider.showBoundaryValues}"
				step="#{inputNumberSlider.step}" showInput="#{inputNumberSlider.showInput}" width="#{inputNumberSlider.width}"
				barClass="#{style.barClass}" tipClass="#{style.barClass}" inputClass="#{style.inputClass}"
				handleClass="#{style.handleStyle}" styleClass="#{style.tipStyle}" 
				maxlength="#{inputNumberSlider.maxlength}" 
				onblur="#{event.onblur}" 
				onchange="#{event.onchange}" 
				onclick="#{event.onclick}" 
				ondblclick="#{event.ondblclick}" 
				onerror="#{event.onerror}" 
				onfocus="#{event.onfocus}" 
				onmousedown="#{event.onmousedown}" 
				onmousemove="#{event.onmousemove}" 
				onmouseout="#{event.onmouseout}" 
				onmouseover="#{event.onmouseover}" 
				onmouseup="#{event.onmouseup}" 
				onselect="#{event.onselect}" 
				onslide="#{event.onslide}" 
				oninputclick="#{event.oninputclick}"
				oninputdblclick="#{event.oninputdblclick}"
				oninputkeydown="#{event.oninputkeydown}"
				oninputkeypress="#{event.oninputkeypress}"
				oninputkeyup="#{event.oninputkeyup}"
				oninputmousedown="#{event.oninputmousedown}"
				oninputmousemove="#{event.oninputmousemove}"
				oninputmouseout="#{event.oninputmouseout}"
				oninputmouseover="#{event.oninputmouseover}"
				oninputmouseup="#{event.oninputmouseup}">
			</rich:inputNumberSlider>
			<h:panelGroup>
				<a4j:commandButton value="valueChangeListener (show)" reRender="valueCLID" />
				<h:outputText id="valueCLID" value=" #{inputNumberSlider.valueChangeListener}" />
			</h:panelGroup>
		</h:panelGrid>
		<rich:spacer height="20px"></rich:spacer>
		
		<h:form>
        <rich:tabPanel switchType="client">
          <rich:tab label="First">
            Here is tab #1
            <rich:inputNumberSlider value="10" />
          </rich:tab>
          <rich:tab label="Second">
            Here is tab #2
            <rich:inputNumberSlider value="20" />
          </rich:tab>
        </rich:tabPanel>
        <h:commandButton action="submit" value="Submit" />
      </h:form> 
</f:subview>