Styles and Appearance

29 Nov 20162 minutes to read

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.