Further customization
By using Cascading Style Sheets (CSS), you can customize very specifically the display of QuickPolls on your site.
All QuickPolls related CSS selectors start with QP for
obvious reasons. Except for the bar graph bars covered in Minimal
customization, all selectors are based on CSS classes. The main
HTML table which displays polls has CSS class QP-current-poll.
The specific portions of that table are accessed using the CSS selectors
shown in the following table:
| .QP-question |
Table and cells containing question
in both the poll and the results |
| .QP-answers |
Table and cells containing the list of answers in both the
poll and the results |
| .QP-submit-area |
Table & cell containing the submit button and text for viewing results |
| .QP-bar-table |
Table containing only a bar for the bar graph (nested in answer list) |
| .QP-bar-cell |
Cell containing only a bar for the bar graph |
Any CSS properties that can be applied to tables
and/or cells can be applied using these names, giving you considerable
flexibility in styling your poll and results. For instance, you can define the height of the .QP-bar-cell style to produce slimmer bar graphs in the results -- take a look at our example poll and its example stylesheet to see how.
|
