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.
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).
.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 :