Apparence du questionnaire

Mise en forme du texte

CallWeb s'attend à trouver un fichier de styles appelé « style.css » dans le répertoire du questionnaire; en son absence, CallWeb utilise le style.css qui se trouve dans le répertoire des ressources (habituellement gr/), et finalement dans le répertoire racine de l'installation CallWeb. L'instruction # Stylesheet peut aussi être utilisée pour préciser le nom d'un fichier de style dans un projet particulier.

Pour obtenir l'apparence officielle de CallWeb, on place ce fichier de style dans le répertoire gr/ et les instructions suivantes dans le fichier etc/usager.conf :

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

L'explication de la syntaxe des styles dépasse le propos de ce manuel; plusieurs bonnes références sont disponibles, de même que plusieurs sites Web. (http://www.w3.org/TR/REC-CSS1 est une référence clef.) Le fichier de styles doit contenir certains styles de base utilisés par CallWeb et peut en définir davantage.

Styles CallWeb (notez que la capitalisation des noms de styles compte dans certains navigateurs et que CallWeb utilise des noms en majuscules) :

• .QUESTION
  utilisé pour la mise en forme du texte de la question;
• .REPONSE
  utilisé pour la mise en forme du texte des catégories de réponses dans leur format normal;
• .AUTOSUBMIT
  utilisé pour la mise en forme du texte des catégories de réponses sujettes à # Auto submit; le style suivant est particulièrement utile :
  .AUTOSUBMIT { padding-right: 20px; background: transparent url(../gr/autosubmit.gif) no-repeat center right; }
• .NOTE
  utilisé pour la mise en forme du texte des notes;
• .COLONNE
  utilisé pour la mise en forme du texte des catégories de réponses en format tableau;
• .LIGNE
  utilisé pour la mise en forme du texte des items (notes) en format tableau;
• .SUBSTITUT
  utilisé pour la mise en forme du texte rappelé dans le texte de la question, de la note ou des catégories de réponses;
• .THERMOMETRE
  utilisé pour la mise en forme du texte du thermomètre;
• .MATRICE, .MATRICE2, .MATRICE3
  attribué à tous les tableaux de questions (qui affichent les questions comme des lignes et les catégories de réponses comme des colonnes); utile pour placer les tableaux horizontalement;
• .CATEGORYTABLE
  atribué à tous les tableaux HTML qui structurent les catégories de réponses;
• .BOUTONS
  attribué au tableau des boutons; utile pour placer les boutons horizontalement;
• .ERREUR
  utilisé pour la mise en forme du texte des messages d'erreur;
• .H5
  utilisé pour la mise en forme de certaines en-têtes;
• .EQUIVALENTH5
  utilisé pour la mise en forme de certaines en-têtes d'utilitaires;
• .EQUIVALENTH6
  utilisé pour la mise en forme des noms des questions dans certaines circonstances;
• .NEPASLIRE
  utilisé pour la mise en forme des catégories de réponses comportant le code de comportement P;
• .LIRE
  utilisé pour la mise en forme des catégories de réponses comportant le code de comportement L;
• .SPECIAL
  utilisé pour la mise en forme des catégories de réponses comportant le code de comportement S.
• .BUTTON
  utilisé pour la mise en forme des boutons comme Page précédente et Page suivante.
• .DROPDOWN
  utilisé pour la mise en forme des listes déroulantes.
• .NUMBOX
  utilisé pour la mise en forme des boîtes numériques de parties ouvertes.
• .TEXTBOX
  utilisé pour la mise en forme des boîtes simples ou multi-lignes (parties ouvertes).
• .CATI_APP_BUTTON_O
  utilisé pour la mise en forme des boutons CATI de rendez-vous avec commentaire obligatoire.
• .CATI_APP_BUTTON_F
  utilisé pour la mise en forme des boutons CATI de rendez-vous avec commentaire facultatif.
• .CATI_APP_BUTTON_A
  utilisé pour la mise en forme des boutons CATI de rendez-vous sans commentaire.
• .CATI_OTH_BUTTON_O
  utilisé pour la mise en forme des boutons CATI autres que rendez-vous avec commentaire obligatoire.
• .CATI_OTH_BUTTON_F
  utilisé pour la mise en forme des boutons CATI autres que rendez-vous avec commentaire facultatif.
• .CATI_OTH_BUTTON_A
  utilisé pour la mise en forme des boutons CATI autres que rendez-vous sans commentaire.
• .CATI_QUE_BUTTON
  utilisé pour la mise en forme le bouton CATI qui ouvre le questionnaire.
• .CATI_TEL_BUTTON
  utilisé pour la mise en forme des boutons CATI qui changent le numéro de téléphone.
• .CATI_ACT_BUTTON
  utilisé pour la mise en forme des boutons CATI d'actions (nouveau numéro, recherche, terminé).
• .PERMBUTTON
  utilisé pour la mise en forme des boutons d'envois de formulaires administratifs.

Styles facultatifs :

• BODY
  fixe le fond de page, la police par défaut et les marges de page du questionnaire en entier. (En ce qui a trait à la mise en page du texte, nous préférons établir un style pour chacune des bornes HTML de base pour que tous les navigateurs se comportent de la même façon. Les principales bornes utilisées par CallWeb sont P, TABLE, TR et TD.)

Autres styles :

• tout autre style peut être défini et utilisé dans le texte d'une question, d'une note ou d'une catégorie de réponse par le biais de la borne SPAN, comme suit : <SPAN CLASS=style>texte</SPAN>

Apparence du questionnaire

Mise en forme du texte

CallWeb s'attend à trouver un fichier de styles appelé « style.css » dans le répertoire du questionnaire; en son absence, CallWeb utilise le style.css qui se trouve dans le répertoire des ressources (habituellement gr/), et finalement dans le répertoire racine de l'installation CallWeb. L'instruction # Stylesheet peut aussi être utilisée pour préciser le nom d'un fichier de style dans un projet particulier.

Pour obtenir l'apparence officielle de CallWeb, on place ce fichier de style dans le répertoire gr/ et les instructions suivantes dans le fichier etc/usager.conf :

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

L'explication de la syntaxe des styles dépasse le propos de ce manuel; plusieurs bonnes références sont disponibles, de même que plusieurs sites Web. (http://www.w3.org/TR/REC-CSS1 est une référence clef.) Le fichier de styles doit contenir certains styles de base utilisés par CallWeb et peut en définir davantage.

Styles CallWeb (notez que la capitalisation des noms de styles compte dans certains navigateurs et que CallWeb utilise des noms en majuscules) :

• .QUESTION
  utilisé pour la mise en forme du texte de la question;
• .REPONSE
  utilisé pour la mise en forme du texte des catégories de réponses dans leur format normal;
• .AUTOSUBMIT
  utilisé pour la mise en forme du texte des catégories de réponses sujettes à # Auto submit; le style suivant est particulièrement utile :
  .AUTOSUBMIT { padding-right: 20px; background: transparent url(../gr/autosubmit.gif) no-repeat center right; }
• .NOTE
  utilisé pour la mise en forme du texte des notes;
• .COLONNE
  utilisé pour la mise en forme du texte des catégories de réponses en format tableau;
• .LIGNE
  utilisé pour la mise en forme du texte des items (notes) en format tableau;
• .SUBSTITUT
  utilisé pour la mise en forme du texte rappelé dans le texte de la question, de la note ou des catégories de réponses;
• .THERMOMETRE
  utilisé pour la mise en forme du texte du thermomètre;
• .MATRICE, .MATRICE2, .MATRICE3
  attribué à tous les tableaux de questions (qui affichent les questions comme des lignes et les catégories de réponses comme des colonnes); utile pour placer les tableaux horizontalement;
• .CATEGORYTABLE
  atribué à tous les tableaux HTML qui structurent les catégories de réponses;
• .BOUTONS
  attribué au tableau des boutons; utile pour placer les boutons horizontalement;
• .ERREUR
  utilisé pour la mise en forme du texte des messages d'erreur;
• .H5
  utilisé pour la mise en forme de certaines en-têtes;
• .EQUIVALENTH5
  utilisé pour la mise en forme de certaines en-têtes d'utilitaires;
• .EQUIVALENTH6
  utilisé pour la mise en forme des noms des questions dans certaines circonstances;
• .NEPASLIRE
  utilisé pour la mise en forme des catégories de réponses comportant le code de comportement P;
• .LIRE
  utilisé pour la mise en forme des catégories de réponses comportant le code de comportement L;
• .SPECIAL
  utilisé pour la mise en forme des catégories de réponses comportant le code de comportement S.
• .BUTTON
  utilisé pour la mise en forme des boutons comme Page précédente et Page suivante.
• .DROPDOWN
  utilisé pour la mise en forme des listes déroulantes.
• .NUMBOX
  utilisé pour la mise en forme des boîtes numériques de parties ouvertes.
• .TEXTBOX
  utilisé pour la mise en forme des boîtes simples ou multi-lignes (parties ouvertes).
• .CATI_APP_BUTTON_O
  utilisé pour la mise en forme des boutons CATI de rendez-vous avec commentaire obligatoire.
• .CATI_APP_BUTTON_F
  utilisé pour la mise en forme des boutons CATI de rendez-vous avec commentaire facultatif.
• .CATI_APP_BUTTON_A
  utilisé pour la mise en forme des boutons CATI de rendez-vous sans commentaire.
• .CATI_OTH_BUTTON_O
  utilisé pour la mise en forme des boutons CATI autres que rendez-vous avec commentaire obligatoire.
• .CATI_OTH_BUTTON_F
  utilisé pour la mise en forme des boutons CATI autres que rendez-vous avec commentaire facultatif.
• .CATI_OTH_BUTTON_A
  utilisé pour la mise en forme des boutons CATI autres que rendez-vous sans commentaire.
• .CATI_QUE_BUTTON
  utilisé pour la mise en forme le bouton CATI qui ouvre le questionnaire.
• .CATI_TEL_BUTTON
  utilisé pour la mise en forme des boutons CATI qui changent le numéro de téléphone.
• .CATI_ACT_BUTTON
  utilisé pour la mise en forme des boutons CATI d'actions (nouveau numéro, recherche, terminé).
• .PERMBUTTON
  utilisé pour la mise en forme des boutons d'envois de formulaires administratifs.

Styles facultatifs :

• BODY
  fixe le fond de page, la police par défaut et les marges de page du questionnaire en entier. (En ce qui a trait à la mise en page du texte, nous préférons établir un style pour chacune des bornes HTML de base pour que tous les navigateurs se comportent de la même façon. Les principales bornes utilisées par CallWeb sont P, TABLE, TR et TD.)

Autres styles :

• tout autre style peut être défini et utilisé dans le texte d'une question, d'une note ou d'une catégorie de réponse par le biais de la borne SPAN, comme suit : <SPAN CLASS=style>texte</SPAN>