homefeaturesexamplesDOCUMENTATIONblogpricingcontact us
technical documentationCATI documentationcookbookrobot

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 format submit buttons in administrative forms.

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>

Text formatting

   

e-mail technical support!