RWT Theming Reference > Slider

## Slider

Slider controls

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  Background color for slider

- border

  The border that is drawn around sliders.

- border-bottom

  The bottom side border for sliders.

- border-left

  The left side border for sliders.

- border-radius

  Border radius. The border radius has no effect if an enhanced border, like "inset" or "outset" is used.

- border-right

  The right side border for sliders.

- border-top

  The top side border for sliders.

### Applicable SWT Styles

SWT style flags that can be referred to in a selector for this element (as CSS attributes):

- [HORIZONTAL]

  Indicates that the slider horizontal.

- [VERTICAL]

  Indicates that the slider vertical.

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled sliders.

- :focused

  On focus

## Slider-Thumb

The movable thumb

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  Background color for slider thumb

- background-image

  Background image or gradient for slider movable thumb.

- border

  The border that is drawn around slider thumb.

- border-bottom

  The bottom side border for slider thumb.

- border-left

  The left side border for slider thumb.

- border-radius

  Thumb border radius

- border-right

  The right side border for slider thumb.

- border-top

  The top side border for slider thumb.

### Applicable SWT Styles

SWT style flags that can be referred to in a selector for this element (as CSS attributes):

- [HORIZONTAL]

  Indicates that the slider horizontal.

- [VERTICAL]

  Indicates that the slider vertical.

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :focused

  On slider-focus

- :hover

  On thumb roll over

- :pressed

  On thumb pressed

## Slider-DownButton

The button for decreasing selection value

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  Background color for min button

- background-image

  Background image, gradient or icon if not specified in Slider-DownButton-Icon for slider down button.

- border

  The border that is drawn around down button.

- border-bottom

  The bottom side border for down button.

- border-left

  The left side border for down button.

- border-radius

  Down button border radius

- border-right

  The right side border for down button.

- border-top

  The top side border for down button.

- cursor

  Slider down button cursor.

- padding

  Padding (inner distance) for Slider down button.

### Applicable SWT Styles

SWT style flags that can be referred to in a selector for this element (as CSS attributes):

- [HORIZONTAL]

  Indicates that the slider horizontal.

- [VERTICAL]

  Indicates that the slider vertical.

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled Slider down button.

- :horizontal

  Corresponds to SWT.HORIZONTAL state of the slider. (deprecated, use HORIZONTAL instead)

- :hover

  On button roll over

- :pressed

  On button pressed

- :vertical

  Corresponds to SWT.VERTICAL state of the slider. (deprecated, use VERTICAL instead)

## Slider-DownButton-Icon

The slider down button icon.

### Available CSS Properties

Properties that can be defined for this element:

- background-image

  The icon for the Slider down button.

### Applicable SWT Styles

SWT style flags that can be referred to in a selector for this element (as CSS attributes):

- [HORIZONTAL]

  Indicates that the slider horizontal.

- [RIGHT_TO_LEFT]

  Indicates that the slider is oriented right to left.

- [VERTICAL]

  Indicates that the slider vertical.

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :horizontal

  Corresponds to SWT.HORIZONTAL state of the slider. (deprecated, use HORIZONTAL instead)

- :hover

  Applies while the user hovers over the button.

- :vertical

  Corresponds to SWT.VERTICAL state of the slider. (deprecated, use VERTICAL instead)

## Slider-UpButton

The button for increasing selection value

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  Background color for up button

- background-image

  Background image, gradient or icon if not specified in Slider-UpButton-Icon for slider up button.

- border

  The border that is drawn around up button.

- border-bottom

  The bottom side border for up button.

- border-left

  The left side border for up button.

- border-radius

  Up button border radius

- border-right

  The right side border for up button.

- border-top

  The top side border for up button.

- cursor

  Slider up button cursor.

- padding

  Padding (inner distance) for Slider up button.

### Applicable SWT Styles

SWT style flags that can be referred to in a selector for this element (as CSS attributes):

- [HORIZONTAL]

  Indicates that the slider horizontal.

- [VERTICAL]

  Indicates that the slider vertical.

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled Slider up button.

- :horizontal

  Corresponds to SWT.HORIZONTAL state of the slider. (deprecated, use HORIZONTAL instead)

- :hover

  On button roll over

- :pressed

  On button pressed

- :vertical

  Corresponds to SWT.VERTICAL state of the slider. (deprecated, use VERTICAL instead)

## Slider-UpButton-Icon

The slider up button icon.

### Available CSS Properties

Properties that can be defined for this element:

- background-image

  The icon for the Slider up button.

### Applicable SWT Styles

SWT style flags that can be referred to in a selector for this element (as CSS attributes):

- [HORIZONTAL]

  Indicates that the slider horizontal.

- [RIGHT_TO_LEFT]

  Indicates that the slider is oriented right to left.

- [VERTICAL]

  Indicates that the slider vertical.

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :horizontal

  Corresponds to SWT.HORIZONTAL state of the slider. (deprecated, use HORIZONTAL instead)

- :hover

  Applies while the user hovers over the button.

- :vertical

  Corresponds to SWT.VERTICAL state of the slider. (deprecated, use VERTICAL instead)