Styles and Appearance

Styles and Appearance of the Slider control are rendered by using CSS class. The style sheet for the control is defined in ej.mobile.all.min.css.

Customize styles

In some scenarios, you may want to change color or design of Accordion control’s appearance. Then, you can override default styles of Accordion control by using its class names. The following are specific class names you can use to modify styles and appearance in Accordion.

Class names

File Description/Usage
e-m-slider This class name is applied at the root element of the Slider control.
e-m-default This class name is applied for the Slider control when rendered in default theme.
e-m-slider-outer This class name is applied for the Slider movement area.
e-m-slider-inner This class name is applied for the dragged area of the Slider control.
e-m-slider-handleout This class name is applied for the outer surface knob of Slider control.
e-m-handlein This class name is applied for the inner knob of the Slider control in Android rendermode.
e-m-slider-left This class name is applied for the left knob of the Slider control in range Slider.
e-m-slider-right This class name is applied for the right knob of the Slider control in Range Slider
e-m-small-handle This class name is applied for the knob style in iOS7 rendermode.
e-m-vertical This class name is applied for the vertical orientation of the Slider control.
e-m-horizontal This class name is applied for the horizontal orientation of the Slider control.