The poll look and feel is important for several reasons. It sends a message to the respondent that the poll is "serious" or "professional" or simply for fun. It is sometimes important to match the design of your website.
The design of your poll can be controlled by 2 main methods. A poll template, or a CSS style (Cascading Style Sheet). The simplest is to use a template, which is often more complete, with a set of images, to enhance the look & feel.
- Simple: To use s template, click on the Simple-tab. A template is a predefined look and feel that you can choose for your poll. Select a template, and click on save. Click on preview poll in the menu box to see how your poll looks with this new design. Currently, a template can not be uploaded or changed through the Opinio user interface.
-
Advanced To set you own style, click on the Advanced-tab. The input from poll style field will then controls the look and feel of your poll.
Note
The Advanced poll style field will be populated with the style for the last saved template. This way you can select the template that you like from Simple tab and then make some small changes to the css file to ensure that the poll perfectly fits on your web page.
Every element in the poll can be customized by the CSS style. It requires some basic CSS insight to be able to do this. The style field contains many comments in it that explains what areas of the poll elements can be customized. There are plenty of guides on the internet. A couple of examples:
-
Form width: The width of your poll form in pixels. NOTE: poll width will be used for both Question page and Chart/result page. If poll chart is too big to fit the form width, the poll width will be increased.
If you configure the poll to open the poll results in a popup window, it's possible that respondents will see the poll chart in the main poll window. This may happen if poll is unavailable (lights red on the poll administration screen).
Make sure that form width you set is enough for both questions and the chart. You can also change poll chart width to get the correct layout. See Quick poll chart edit
-
Number of columns: Allows for displaying questions in more than one column. The default is one column (question 2 below question 1, etc). More than one column saves screen area and vertical scrolling. Make sure your questions aren't too wide, because that will push the questions in the rightmost column further to the right. The maximum number of columns is 3. Example with 2 columns:
- Question numbering: “default” uses standard numbering, e.g. 1-2-3-4 etc. For displaying other numbers that 1,2,3,.. enable custom numbering by selecting it here. To configure what is actually displayed, see the section called “Custom question numbers”