Comment paramétrer le "Thème0"
Contenus, questions et saisies
Les "Content" et les "Table" ont un StyleName, les "List" un "markerType". Ils portent des classes CSS permettant de les identifier et de les styler, ces styles CSS sont redéfinissables dans APPLI.REF\css\theme.css.
Les indications CSS suivantes sont indépendantes du placement des "Question" dans un "QuestionSet" ou directement dans un "Paragraph".
Pour modifier le style du titre d'un QuestionSet, surcharger APPLI.REF\css\theme.css :
#form_edition fieldset.QuestionSet legend { background-color: orange; color: #64A004; }
Pour modifier le style des champs de saisie, surcharger APPLI.REF\css\theme.css :
input.TextBox { background-color: lightBlue; }
input.PasswordBox { background-color: orange; }
select.ListBox { border: 4px dashed aqua; }
select.ComboBox { border: 4px solid aqua; }
textarea.MemoBox { color: darkblue; font-family: cursive; }
Existent aussi input.CheckBox, input.RadioBoxOption et span.RadioBoxOption.
Enfin, une classe CSS "error" ou "warning" est ajoutée pour permettre des sélections telles input.TextBox.error {color: red;} et input.TextBox.warning {color: orange;}
Les pictogrammes des contrôles sur champ de saisie sont à surcharger dans APPLI.REF\images\icons. Lorsqu'un champ de saisie est obligatoire, il est précédé de 
fieldRequired.png. Lorsqu'il est en avertissement, il est précédé de 
fieldWarning.png. Lorsqu'il est en erreur, il est précédé de 
fieldError.png. Enfin, fieldNoMark.png sert pour les autres champs.
Les contrôles explicitent leurs messages via des labels :
-
labelErrorRequiredField : Ce champ est obligatoire
-
labelErrorPercentage : Pourcentage supérieur à 100
-
labelErrorNumber : Il faut un nombre dans ce champ
(Voir les fichiers i18nlabels.xml du REF standard pour la liste complète)
Les pages comportant des questions avec contrôles de saisie peuvent afficher en haut de page un bandeau d'avertissement ou de signalement d'erreur(s) pour la page en cours. Pour modifier le style de ce bandeau, adapter APPLI.REF\css\theme.css :
#form_edition div.errorOnPage ul.errorList { border: 3px dashed red; }
#form_edition div.errorOnPage ul.warningList { border: 3px dashed orange; }
Les labels avertissement/erreur en haut de page sont :
-
labelGenericWarning : Des avertissements sont présents, veuillez les vérifier
-
labelGenericError : Des erreurs sont présentes, veuillez les corriger
A partir de la version 2.0.1, FormPublisher offre la possibilité de distinguer le libellé s'il y a une seule erreur ou un seul warning (améliore l'accessibilité du formulaire aux mal-voyants)
-
labelGenericSingleWarning : Un avertissement est présent, veuillez le vérifier
-
labelGenericSingleError : Une erreur est présente, veuillez la corriger