Overview | Library | Tag | Help
| FRAMES NO FRAMES

## ICEfaces EE Composite Components
Tag slider

## The Slider Composite Component

### Features

- Can be used in vertical or horizontal position
- The rail size can be set to a custom length
- The image can be customized
- The min and max values can be customized

### How To Use

1. Add the <ice-cc:slider/> tag to your page
2. Add the appropriate styleClass to the h:body tag: styleClass="ice-skin-rime" or styleClass="ice-skin-sam"
3. Add the CSS file for the chosen theme to the bottom of the page (after closing h:body tag): <h:outputStylesheet library="org.icefaces.component.skins" name="rime.css" />
4. Bind the 'value' attribute to an integer property on a managed bean
5. Set the 'id' attribute
6. Set the 'min' attribute (optional)
7. Set the 'max' attribute (optional)
8. Set the 'orientation' attribute (optional)
9. Set the 'railSize' attribute (optional)
10. Set the 'thumbImage', and 'handleCss' attributes to customize the image (optional)
11. Set the 'singleSubmit' attribute (optional)

Example:

    <ice-cc:slider id="vertSlider" value="#{sliderExampleBean.value2}" min="-500" max="500" orientation="vertical" thumbImage="./images/icefaces-icon.png" handleCss="width:20px;height:20px;"/>

Tag Information
Tag Class | javax.faces.webapp.FacetTag
TagExtraInfo Class | None
Body Content | tagdependent
Display Name | Slider Composite Component

Attributes
Name | Required | Request-time | Type | Description
id | true | false | `java.lang.String` | A unique id for the component.
value | true | false | `java.lang.Integer` | An integer property
min | false | false | `java.lang.Integer` | An integer value or property (default 0)
max | false | false | `java.lang.Integer` | An integer value or property (default 100)
thumbImage | false | false | `java.lang.String` | A url of an image. Basic image included.
handleCss | false | false | `java.lang.String` | CSS properties for the custom handle, usually defining at least width and height
railSize | false | false | `java.lang.String` | CSS length value (default 150px)
orientation | false | false | `java.lang.String` | vertical or horizontal (default horizontal)
singleSubmit | false | false | `java.lang.String` | True enable single submit when the slider move has been completed. False will disable single submit and the invisible input field will updated but not submitted to the server, submission will only occure when the containing form is submitted. Default value is true.
updateOnEvent | false | false | `java.lang.String` | Deprecated, use single submit instead.

Variables
| No Variables Defined.

Overview | Library | Tag | Help
| FRAMES NO FRAMES

Output Generated by Tag Library Documentation Generator. Java, JSP, and JavaServer Pages are trademarks or registered trademarks of Sun Microsystems, Inc. in the US and other countries. Copyright 2002-4 Sun Microsystems, Inc. 4150 Network Circle Santa Clara, CA 95054, U.S.A. All Rights Reserved.