Apparence du questionnaire

Couleurs et disposition

Plusieurs instructions dièses contrôlent la mise en page de nombreux aspects de l'apparence du questionnaire. Une autre page de cette documentation identifie les composantes de la page qui sont contrôlées par les styles.

Colours and layout

Toutes les sorties en forme de tableaux (les tableaux et les questions MEMO dans les questionnaires mais aussi les tableaux de paramètres dans les modules utilitaires, l'affichage des dossiers dans cwnav, les tableaux dans cwfreq, etc.) sont produits à partir du même protocole. Ce protocole utilise les instructions dièses enregistrées dans le questionnaire pour mettre ces tableaux en forme. Si le questionnaire ne contient pas d'instruction pour un aspect particulier de la sortie en tableau, CallWeb utilise un défaut d'installation enregistré dans le répertoire de configuration. En l'absence d'instructions à cet endroit, des défauts s'appliquent.

Couleurs avancées et mise en forme

Il est possible de contrôler plus finement la mise en forme des questions en tableau en utilisant un fichier de styles. Pour activer ce mode avancé, il faut le demander avec l'instruction dièse suivante :

# Styles pour matrices = oui

Dans ce mode, le format des cellules de tableaux est contrôlé par une collection de styles plutôt que par les instructions dièses illustrées ci-haut. L'image suivante documente quel style contrôle quelle cellule. Les lignes de texte qui suivent l'image décrivent les énoncés utilisés dans le fichier style.css (notez que tous les noms de styles sont en majuscules).

Advanced colours and layout

 .ORDINARY_CELL_A, .ORDINARY_CELL_A0, .ORDINARY_CELL_A1 { background: #E4EDF9; }
 .ORDINARY_CELL_A2 { background: #F9FAFF; }
 .ORDINARY_CELL_B, .ORDINARY_CELL_B0, .ORDINARY_CELL_B1 { background: #FFFFFF; }
 .ORDINARY_CELL_B2 { background: #CCCCCC; }
 .SPECIAL_COLUMN0 { background: #FFFFFF; }
 .SPECIAL_COLUMN1 { background: #FFFF66; }
 .SPECIAL_COLUMN2 { background: #CCFF00; }
 .SPECIAL_LINE_A0 { background: #FFFFFF; }
 .SPECIAL_LINE_B0 { background: #CCCCCC; }
 .SPECIAL_CELL1 { background: #FFFFCC; }
 .SPECIAL_CELL2 { background: #CCFF99; }

Voici comment le tout fonctionne :

  • d'abord, notez que le tableau est divisé en trois sections verticales (parce qu'il y a deux questions côte à côte; il y aurait deux sections s'il y avait une seule question et quatre s'il y avait trois questions, etc.) :
    • la première section verticale est la colonne des étiquettes des lignes; notez que tous les noms de styles se terminent par « 0 »;
    • la deuxième section verticale correspond à la première question; les noms de tous ses styles se terminent par « 1 »;
    • la troisième section verticale correspond à la deuxième question; les noms de tous ses styles se terminent par « 2 »;
    • s'il y avait plus de questions verticales, la numérotation suivrait.
  • ensuite, notez que, dans le corps du tableau, la couleur des lignes alterne pour les lignes paires et les lignes impaires; les noms des styles correspondant aux lignes impaires portent un « A » à l'avant-dernier caractère alors que les lignes paires y portent un « B »;
  • il y a 4 préfixes de noms de styles :
    • SPECIAL_COLUMN (qui devient SPECIAL_COLUMN0, SPECIAL_COLUMN1 et SPECIAL_COLUMN2 pour les différentes sections verticales) contrôle les en-têtes de colonnes;
    • SPECIAL_LINE_ (qui devient SPECIAL_LINE_A0 pour les lignes impaires dans la section 0, etc.) contrôle les en-têtes de lignes;
    • SPECIAL_CELL (qui devient SPECIAL_CELL0 et SPECIAL_CELL1 pour les différentes sections verticales) contrôle les cellules définies comme « spéciales » dans un code de comportement de catégorie de réponse ou dans l'instruction dièse de définition d'un tableau;
    • ORDINARY_CELL_ (qui devient ORDINARY_CELL_A1, ORDINARY_CELL_B1, ORDINARY_CELL_A2 et ORDINARY_CELL_B2 pour les lignes impaires et paires des sections 1 et 2, etc.) contrôle les cellules du corps du tableau.
  • si ce mode est utilisé dans un projet, il touche aussi la présentation des tableaux dans les modules utilitaires. Il est donc utile de définir les styles suivants (qui ne sont pas utilisés dans les tableaux de questions mais le sont dans d'autres contextes) : ORDINARY_CELL_A, .ORDINARY_CELL_A0, .ORDINARY_CELL_B, .ORDINARY_CELL_B0.

Apparence du questionnaire

Couleurs et disposition

Plusieurs instructions dièses contrôlent la mise en page de nombreux aspects de l'apparence du questionnaire. Une autre page de cette documentation identifie les composantes de la page qui sont contrôlées par les styles.

Colours and layout

Toutes les sorties en forme de tableaux (les tableaux et les questions MEMO dans les questionnaires mais aussi les tableaux de paramètres dans les modules utilitaires, l'affichage des dossiers dans cwnav, les tableaux dans cwfreq, etc.) sont produits à partir du même protocole. Ce protocole utilise les instructions dièses enregistrées dans le questionnaire pour mettre ces tableaux en forme. Si le questionnaire ne contient pas d'instruction pour un aspect particulier de la sortie en tableau, CallWeb utilise un défaut d'installation enregistré dans le répertoire de configuration. En l'absence d'instructions à cet endroit, des défauts s'appliquent.

Couleurs avancées et mise en forme

Il est possible de contrôler plus finement la mise en forme des questions en tableau en utilisant un fichier de styles. Pour activer ce mode avancé, il faut le demander avec l'instruction dièse suivante :

# Styles pour matrices = oui

Dans ce mode, le format des cellules de tableaux est contrôlé par une collection de styles plutôt que par les instructions dièses illustrées ci-haut. L'image suivante documente quel style contrôle quelle cellule. Les lignes de texte qui suivent l'image décrivent les énoncés utilisés dans le fichier style.css (notez que tous les noms de styles sont en majuscules).

Advanced colours and layout

 .ORDINARY_CELL_A, .ORDINARY_CELL_A0, .ORDINARY_CELL_A1 { background: #E4EDF9; }
 .ORDINARY_CELL_A2 { background: #F9FAFF; }
 .ORDINARY_CELL_B, .ORDINARY_CELL_B0, .ORDINARY_CELL_B1 { background: #FFFFFF; }
 .ORDINARY_CELL_B2 { background: #CCCCCC; }
 .SPECIAL_COLUMN0 { background: #FFFFFF; }
 .SPECIAL_COLUMN1 { background: #FFFF66; }
 .SPECIAL_COLUMN2 { background: #CCFF00; }
 .SPECIAL_LINE_A0 { background: #FFFFFF; }
 .SPECIAL_LINE_B0 { background: #CCCCCC; }
 .SPECIAL_CELL1 { background: #FFFFCC; }
 .SPECIAL_CELL2 { background: #CCFF99; }

Voici comment le tout fonctionne :

  • d'abord, notez que le tableau est divisé en trois sections verticales (parce qu'il y a deux questions côte à côte; il y aurait deux sections s'il y avait une seule question et quatre s'il y avait trois questions, etc.) :
    • la première section verticale est la colonne des étiquettes des lignes; notez que tous les noms de styles se terminent par « 0 »;
    • la deuxième section verticale correspond à la première question; les noms de tous ses styles se terminent par « 1 »;
    • la troisième section verticale correspond à la deuxième question; les noms de tous ses styles se terminent par « 2 »;
    • s'il y avait plus de questions verticales, la numérotation suivrait.
  • ensuite, notez que, dans le corps du tableau, la couleur des lignes alterne pour les lignes paires et les lignes impaires; les noms des styles correspondant aux lignes impaires portent un « A » à l'avant-dernier caractère alors que les lignes paires y portent un « B »;
  • il y a 4 préfixes de noms de styles :
    • SPECIAL_COLUMN (qui devient SPECIAL_COLUMN0, SPECIAL_COLUMN1 et SPECIAL_COLUMN2 pour les différentes sections verticales) contrôle les en-têtes de colonnes;
    • SPECIAL_LINE_ (qui devient SPECIAL_LINE_A0 pour les lignes impaires dans la section 0, etc.) contrôle les en-têtes de lignes;
    • SPECIAL_CELL (qui devient SPECIAL_CELL0 et SPECIAL_CELL1 pour les différentes sections verticales) contrôle les cellules définies comme « spéciales » dans un code de comportement de catégorie de réponse ou dans l'instruction dièse de définition d'un tableau;
    • ORDINARY_CELL_ (qui devient ORDINARY_CELL_A1, ORDINARY_CELL_B1, ORDINARY_CELL_A2 et ORDINARY_CELL_B2 pour les lignes impaires et paires des sections 1 et 2, etc.) contrôle les cellules du corps du tableau.
  • si ce mode est utilisé dans un projet, il touche aussi la présentation des tableaux dans les modules utilitaires. Il est donc utile de définir les styles suivants (qui ne sont pas utilisés dans les tableaux de questions mais le sont dans d'autres contextes) : ORDINARY_CELL_A, .ORDINARY_CELL_A0, .ORDINARY_CELL_B, .ORDINARY_CELL_B0.