public class ValueScroller extends UIPanel { 
    /** 
    * The default constructor 
    * 
    */ 
    public ValueScroller() { 
        super(); 
        addChildrenAndFaces(); 
    } 
 }

				
 private static final String PANEL_GRID_RENDERER = "javax.faces.Grid"; 
 private static final String INPUT_TEXT_RENDERER = "javax.faces.Text"; 
 private static final String COMMAND_LINK_RENDERER = "javax.faces.Link"; 
 private static final String GRAPHIC_IMAGE_RENDERER = "javax.faces.Image"; 

 /** 
 * Add children to the base container 
 * 
 */ 
 private void addChildrenAndFaces() { 
   
 // Set attributes of the base container 
 this.setRendererType(PANEL_GRID_RENDERER); 
 this.getAttributes().put(COLUMNS_ATTRIBUTE, new Integer(2)); 
   
 // Add the input component 
 input = new UIInput(); 
 input.setId(INPUT_ID); 
 input.setRendererType(INPUT_TEXT_RENDERER); 
 this.getChildren().add(input); 
   
 // Add the container of the up and down links 
 UIPanel linkContainer = new UIPanel(); 
 linkContainer.setId(LINKPANEL_ID); 
 linkContainer.setRendererType(PANEL_GRID_RENDERER); 
 linkContainer.getAttributes().put(COLUMNS_ATTRIBUTE, new Integer(1)); 
 ScrollerActionListener listener = new ScrollerActionListener(); 
  
 // Add the up link 
 UICommand upLink = new UICommand(); 
 upLink.setId(UPLINK_ID); 
 upLink.setRendererType(COMMAND_LINK_RENDERER); 
 upLink.addActionListener(listener); 
 UIGraphic upImage = new UIGraphic(); 
 upImage.setId(UPIMAGE_ID); 
 upImage.setRendererType(GRAPHIC_IMAGE_RENDERER); 
 upImage.setUrl(UPIMAGE_URL); 
 upLink.getChildren().add(upImage); 
 linkContainer.getChildren().add(upLink); 
  
 // Add the down link 
 UICommand downLink = new UICommand(); 
 downLink.setId(DOWNLINK_ID); 
 downLink.setRendererType(COMMAND_LINK_RENDERER); 
 downLink.addActionListener(listener); 
 UIGraphic downImage = new UIGraphic(); 
 downImage.setId(DOWNIMAGE_ID); 
 downImage.setRendererType(GRAPHIC_IMAGE_RENDERER); 
 downImage.setUrl(DOWNIMAGE_URL); 
 downLink.getChildren().add(downImage); 
 linkContainer.getChildren().add(downLink); 
 this.getChildren().add(linkContainer); 
 }

				
 <tag> 
  <name>valueScroller</name> 
  <tag-class>component.taglib.ValueScrollerTag</tag-class> 
  <body-content>JSP</body-content> 
  <attribute> 
    <name>id</name> 
    <description>ValueScroller ID</description> 
  </attribute> 
  <attribute> 
    <name>value</name> 
    <description>ValueScroller value</description> 
  </attribute> 
  <attribute> 
    <name>size</name> 
    <description>Input field size</description> 
  </attribute> 
  <attribute> 
    <name>min</name> 
    <description>Minimum value</description> 
  </attribute> 
  <attribute> 
    <name>max</name> 
    <description>Maximum value</description> 
  </attribute> 
  <attribute> 
    <name>step</name> 
    <description>Scrolling step</description> 
  </attribute> 
 </tag>

				
 /** 
 * Override the setProperties method 
 */ 
 protected void setProperties(UIComponent component) { 
    super.setProperties(component); 
   
    ValueScroller vs = (ValueScroller)component; 
   
    Application app = FacesContext.getCurrentInstance().getApplication(); 
    // Set value attribute 
    if (value != null) { 
        if (isValueReference((String)value)) { 
            ValueBinding vb = app.createValueBinding((String)value); 
            vs.setValueBinding("value", vb); 
        } else { 
            throw new IllegalArgumentException("The value property must be a value " + 
                "binding expression that points to a bean property."); 
        } 
    } 
   
    // Set id attribute 
    if (id != null) { 
        vs.setId((String)id); 
    } 
   
    // Set other attributes 
    vs.setMin(min); 
    vs.setMax(max); 
    vs.setStep(step); 

 }

				
vs.findComponent("input").getAttributes().put("size", new Integer(size));

				
 /** 
 * Internal action listener for Value Scroller 
 * _cnnew1@author cll 
 * 
 */ 
 private class ScrollerActionListener implements ActionListener { 
    public void processAction(ActionEvent e) { 
        // Only Integer is supported for this demo 
        if (input.getValue() instanceof Integer) { 
            String commandId = ((UICommand)e.getSource()).getId(); 
            int value = ((Integer)input.getValue()).intValue(); 
            // Increase value if the up link is clicked 
            if (commandId.equals(UPLINK_ID)) { 
                if (value + getStep() > max) { 
                    input.setValue(new Integer(max)); 
                } else { 
                    input.setValue(new Integer(value + getStep())); 
                } 
            } 
            // Decrease value if the down link is clicked 
            else if (commandId.equals(DOWNLINK_ID)) { 
                if (value - getStep() < min) { 
                    input.setValue(new Integer(min)); 
                } else { 
                    input.setValue(new Integer(value - getStep())); 
                } 
            } 
        } else { 
            throw new IllegalArgumentException( 
	      "Unsupported binding type, " +
	      "and only Integer instance allowed for this demo."); 
        } 
    } 
 }

				
 ScrollerActionListener listener = new ScrollerActionListener(); 
 upLink.addActionListener(listener); 
 downLink.addActionListener(listener);

				
 <component> 
  <component-type>xyz.ValueScroller</component-type> 
  <component-class> 
    component.ValueScroller 
  </component-class> 
 </component>

				
<%@ taglib uri="/WEB-INF/lib/ValueScroller.tld" prefix="xyz"%>

				
 <xyz:valueScroller value="#{pc_Test.itemCount}" size="5" min="-50" max="10000" step="2"> 
 </xyz:valueScroller>