Skip to content

Css customization

Jump to bottom Edit New page
Paramvir Dhindsa edited this page May 6, 2015 · 5 revisions

CSS Classes

ParamQuery Select has 5 important classes against which the css rules can be written to customize the looks of control/widget.

  1. .pq-select-button: This class is used to create clickable region that acts as a substitute for select list.

  2. .pq-select-menu: This is the wrapper div for the options displayed in select list popup.

  3. .pq-select-option-label: This is class assigned to the labels that display various options in the select list.

  4. .pq-select-popup: This class is assigned to outer div that wraps the .pq-select-menu.

  5. .pq-select-popup-cont: This is the class assigned to outermost popup div which is responsible for displaying dropdown shadow and popup borders.

Please dig into the pqselect.dev.css file to see example implementation of the styles associated with the above classes and explore more ideas. For inspiration on css customization please check this demo http://paramquery.com/pro/demos/showhide_columns

Add a custom footer
Add a custom sidebar

Clone this wiki locally