<%@ 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}">
			</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>