Utliboard Dashboard

To enable select2 lists, add .dsh-select2 to any select

Default Select List

Tags

To enable tags multiselect, add multiple attribute to any .dsh-select2

Select Tags

Disabled

You can disable a select2 list by adding the disabled attribute to any .dsh-select2

Disabled list

Select Controls

You can add Select/Deselect All functionalities using .dsh-select-all and .dsh-deselect-all on any button

Color:

Example range

Min/Max Ranges

You can set min and max attributes for range sliders

Example range

Range steps

Ranges can have steps by assiging the step attribute

Example range

Use class .dsh-datepicker on any text input

Time Picker

Use class .dsh-timepicker on any text input

Date Range picker

Use class .dsh-daterangepicker on any text input

Date Range picker

Use class .dsh-daterangepicker-time on any text input

Predefined dates

Use class .dsh-daterangepicker-predefined on any text input

Copy custom value

Cut custom value

Advanced Elements