Questionnaire appearance

Text formatting

CallWeb expects to find a cascading style sheet (CSS) called "style.css" in the directory of the questionnaire file; otherwise, it looks for it in the resources directory (usually gr/) and finally in the current directory (the CallWeb root installation directory in the case of the callweb module or the source utility directory for utilities). The # Stylesheet instruction can also be used to name a stylesheet file for a particular project.

To obtain the official CallWeb look, place this stylesheet in the gr/ directory and the folloing instructions in the etc/usager.conf file:

_M_COULEURTITRESCOLONNES = #4578A6
_M_COULEURCELLULES2 = #D5EBFF
_M_COULEURCELLULES = #E8F4FF
_M_COULEURBORDURES = #A8B4BF

The explanation of the syntax of CSS is beyond this manual; several good references exist, as well as several Web sites. (http://www.w3.org/TR/REC-CSS1 is a key reference.) The CSS must define some specific styles and it may contain additional ones.

CallWeb styles (note that capitalization of the style name counts in certain browsers and that CallWeb uses all-uppercase style names):

• .QUESTION
  used to format the question text;
• .REPONSE
  used to format the text of answer categories in normal format;
• .AUTOSUBMIT
  used to format the text of answer categories subjected to # Auto submit; the following style is particularly useful:
  .AUTOSUBMIT { padding-right: 20px; background: transparent url(../gr/autosubmit.gif) no-repeat center right; }
• .NOTE
  used to format the text of notes;
• .COLONNE
  used to format the text of answer categories in matrix format;
• .LIGNE
  used to format the text of item in matrix format;
• .SUBSTITUT
  used to format the text which is recalled from previous data, in question text, note and answer categories;
• .THERMOMETRE
  used to format the text of the thermometer text;
• .MATRICE, .MATRICE2, .MATRICE3
  attributed to all question tables (displaying questions as rows and answer categories as columns); useful to locate the tables horizontally;
• .CATEGORYTABLE
  attributed to HTML tables which structure the answer categories;
• .BOUTONS
  attributed to the button table; useful to locate the buttons horizontally;
• .ERREUR
  used to format error messages;
• .H5
  used to format a few headings;
• .EQUIVALENTH5
  used to format utility headers;
• .EQUIVALENTH6
  used to display question names under some circumstances;
• .NEPASLIRE
  used to format response categories using the P behaviour code;
• .LIRE
  used to format response categories using the L behaviour code;
• .SPECIAL
  used to format response categories using the S behaviour code.
• .BUTTON
  used to format buttons such as the Next Page or Previous Page buttons.
• .DROPDOWN
  used to format dropdown lists.
• .NUMBOX
  used to format numeric open-end boxes.
• .TEXTBOX
  used to format single-line and multi-line text boxes (open-end parts).
• .CATI_APP_BUTTON_O
  used to format CATI appointment buttons with a mandatory comment.
• .CATI_APP_BUTTON_F
  used to format CATI appointment buttons with an optional comment.
• .CATI_APP_BUTTON_A
  used to format CATI appointment buttons without comment.
• .CATI_OTH_BUTTON_O
  used to format CATI result buttons other than appointments with a mandatory comment.
• .CATI_OTH_BUTTON_F
  used to format CATI result buttons other than appointments with an optional comment.
• .CATI_OTH_BUTTON_A
  used to format CATI result buttons other than appointments without comment.
• .CATI_QUE_BUTTON
  used to format the CATI button that opens the questionnaire.
• .CATI_TEL_BUTTON
  used to format the CATI buttons that change the telephone number.
• .CATI_ACT_BUTTON
  used to format the CATI buttons associated with actions (new number, search, finish).
• .PERMBUTTON
  used to format submit buttons in administrative forms.
• .SELECTION
  used to format the selection statements in cwfreq.
• .QLIGNE
  used to format the text of the question defining the lines of a table in cwfreq.
• .QCOLONNE
  used to format the text of the question defining the columns of a table in cwfreq.

Styles which should be defined:

• BODY
  sets the background, the default font and the page margins for the entire questionnaire. (With regard to text formatting, we prefer to set all of the basic HTML tags so that all browsers behave correctly. The main ones, for CallWeb use, are P, TABLE, TR and TD.)

Other styles:

• Any other style may be defined and used in question text, note and answer category text via the SPAN HTML syntax: <SPAN CLASS=style>texte</SPAN>

Questionnaire appearance

Text formatting

CallWeb expects to find a cascading style sheet (CSS) called "style.css" in the directory of the questionnaire file; otherwise, it looks for it in the resources directory (usually gr/) and finally in the current directory (the CallWeb root installation directory in the case of the callweb module or the source utility directory for utilities). The # Stylesheet instruction can also be used to name a stylesheet file for a particular project.

To obtain the official CallWeb look, place this stylesheet in the gr/ directory and the folloing instructions in the etc/usager.conf file:

_M_COULEURTITRESCOLONNES = #4578A6
_M_COULEURCELLULES2 = #D5EBFF
_M_COULEURCELLULES = #E8F4FF
_M_COULEURBORDURES = #A8B4BF

The explanation of the syntax of CSS is beyond this manual; several good references exist, as well as several Web sites. (http://www.w3.org/TR/REC-CSS1 is a key reference.) The CSS must define some specific styles and it may contain additional ones.

CallWeb styles (note that capitalization of the style name counts in certain browsers and that CallWeb uses all-uppercase style names):

• .QUESTION
  used to format the question text;
• .REPONSE
  used to format the text of answer categories in normal format;
• .AUTOSUBMIT
  used to format the text of answer categories subjected to # Auto submit; the following style is particularly useful:
  .AUTOSUBMIT { padding-right: 20px; background: transparent url(../gr/autosubmit.gif) no-repeat center right; }
• .NOTE
  used to format the text of notes;
• .COLONNE
  used to format the text of answer categories in matrix format;
• .LIGNE
  used to format the text of item in matrix format;
• .SUBSTITUT
  used to format the text which is recalled from previous data, in question text, note and answer categories;
• .THERMOMETRE
  used to format the text of the thermometer text;
• .MATRICE, .MATRICE2, .MATRICE3
  attributed to all question tables (displaying questions as rows and answer categories as columns); useful to locate the tables horizontally;
• .CATEGORYTABLE
  attributed to HTML tables which structure the answer categories;
• .BOUTONS
  attributed to the button table; useful to locate the buttons horizontally;
• .ERREUR
  used to format error messages;
• .H5
  used to format a few headings;
• .EQUIVALENTH5
  used to format utility headers;
• .EQUIVALENTH6
  used to display question names under some circumstances;
• .NEPASLIRE
  used to format response categories using the P behaviour code;
• .LIRE
  used to format response categories using the L behaviour code;
• .SPECIAL
  used to format response categories using the S behaviour code.
• .BUTTON
  used to format buttons such as the Next Page or Previous Page buttons.
• .DROPDOWN
  used to format dropdown lists.
• .NUMBOX
  used to format numeric open-end boxes.
• .TEXTBOX
  used to format single-line and multi-line text boxes (open-end parts).
• .CATI_APP_BUTTON_O
  used to format CATI appointment buttons with a mandatory comment.
• .CATI_APP_BUTTON_F
  used to format CATI appointment buttons with an optional comment.
• .CATI_APP_BUTTON_A
  used to format CATI appointment buttons without comment.
• .CATI_OTH_BUTTON_O
  used to format CATI result buttons other than appointments with a mandatory comment.
• .CATI_OTH_BUTTON_F
  used to format CATI result buttons other than appointments with an optional comment.
• .CATI_OTH_BUTTON_A
  used to format CATI result buttons other than appointments without comment.
• .CATI_QUE_BUTTON
  used to format the CATI button that opens the questionnaire.
• .CATI_TEL_BUTTON
  used to format the CATI buttons that change the telephone number.
• .CATI_ACT_BUTTON
  used to format the CATI buttons associated with actions (new number, search, finish).
• .PERMBUTTON
  used to format submit buttons in administrative forms.
• .SELECTION
  used to format the selection statements in cwfreq.
• .QLIGNE
  used to format the text of the question defining the lines of a table in cwfreq.
• .QCOLONNE
  used to format the text of the question defining the columns of a table in cwfreq.

Styles which should be defined:

• BODY
  sets the background, the default font and the page margins for the entire questionnaire. (With regard to text formatting, we prefer to set all of the basic HTML tags so that all browsers behave correctly. The main ones, for CallWeb use, are P, TABLE, TR and TD.)

Other styles:

• Any other style may be defined and used in question text, note and answer category text via the SPAN HTML syntax: <SPAN CLASS=style>texte</SPAN>