View source for ProDon:Web Form Customization Configuration

{{Header_ProDon|1|4.6.9.20|Nadia Carrier||2013/06/27}}<br> 

== Introduction  ==

The Online Donation Module allows donors to make donations directly through the Web. 

<br> 

In order for the donors to make donations, a website must first be created and configured. The creation on an online donation website includes the configuration of the home page, as well as the creation of different Web forms. Each Web form is attached to a donation occasion, which ensures that Internet users can register online to the fundraising activities of an organization, or make a donation online directly. 

<br> 

Moreover, when an Internet user makes a donation or registers to an activity through a Web form, '''''ProDon''''' automatically adds him or her to the database during the import. 

<br> 

It is also possible to obtain very precise pieces of information from the clients by creating customizations. 

<br>

== Customization Configuration<br>  ==

To configure customizations, first go to the "Web form management". <br> 

{| cellspacing="1" cellpadding="1" border="1" class="wikitable" style="width: 387px; height: 576px;"
|-
| colspan="2" | 
To do so, click on the "Configuration" menu, then select the "Web forms" option.<br> 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 001.png]]<br>
|}

<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
After clicking on "Web forms", this window opens.<br> 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 002.png]]<br>
|-
| colspan="2" | 
Double-click on the line of the form for which the customizations must be added.<br> 

|}

<br>

== Customization Configuration<br>  ==

There are 3 sections for customizations: the Personal information section, the Transaction information section and the Commitment information section. 

The following examples have been created in the "Transaction information section", but the same types of customizations are also available in the 2 other sections. 

When creating a customization, it is necessary to have previously created characteristics, or to create some from the customization addition window.<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
After double-clicking on the line of the Web form for which customizations must be added, this window opens, go to the "Customizations" tab.<br> 

|-
| colspan="2" | {{Anchor||FenêtreFormulaireWeb}}[[Image:Web Form Customization Configuration 003.png]]
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A:'''</span> The "Personal information section" tab allows you to add customizations related to clients.<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B:'''</span> The "Transaction information section" tab allows you to add customizations related to transactions.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C:'''</span> The "Commitment information section" tab allows you add customizations related to commitments.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D:'''</span> This is the list of customizations of the "Transaction information section".<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E:'''</span> The [[Image:Button_add_plus.png]] button allows you to create a new customization to add it to the list at&nbsp;<span style="color: rgb(255, 0, 0);">'''D'''</span>.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''F:'''</span> The [[Image:Button_Edit.png]] button allows you to modify a customization in the list at&nbsp;<span style="color: rgb(255, 0, 0);">'''D'''</span>. To do so, select the customization to modify at <span style="color: rgb(255, 0, 0);">'''D'''</span>, then click on the [[Image:Button_Edit.png]] button.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G:'''</span> The [[Image:Button_Minus_remove_delete.png]] button allows you to delete a customization from the list at&nbsp;<span style="color: rgb(255, 0, 0);">'''D'''</span>. To do so, select the customization to delete at <span style="color: rgb(255, 0, 0);">'''D'''</span>, then cliek on the [[Image:Button_Minus_remove_delete.png]] button.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''H:'''</span> The [[Image:Bouton efface.png]] button allows you to delete all the customizations at <span style="color: rgb(255, 0, 0);">'''D'''</span>.<br> 

|}

<br> 

=== Adding a Customization  ===

The options of the customization addition or modification window change according to the chosen type of characteristic. There are 7 types of characteristics:: <br> 

*Text<br> 
*Date and time<br> 
*Checkbox<br> 
*Option list<br> 
*Predefined option list<br> 
*Text long 
*Numeric

<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
After clicking on the [[Image:Button add plus.png]] button, this window opens. 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 004.png]]<br>
|-
| colspan="2" | 
Click on the [[Image:Button add plus.png]] button to add a characteristic to the customization. 

|}

<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | [[Image:Web Form Customization Configuration 005.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A:'''</span> This is the list of transactional characteristics that already exist in the "Characteristic management".<br> 

'''NOTE:''' The characteristics that have already been added to the modifying form appear in this list. 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B:'''</span> After selecting a characteristic at <span style="color: rgb(255, 0, 0);">'''A'''</span>, click on the "[[Image:Button Check mark Confirm.png]] Confirm selection" button, to add the characteristic to the customization. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C:'''</span> It is possible to create a new characteristic by clicking on the "[[Image:Button add plus.png]] New" button. To learn how to configure the new characteristic, see the "Characteristic management" document. 

| <br>
|}

<br> 

==== Text Type Customization<br>  ====

A text type customization has no predefined format. It is presented in the form of a text and can contain a maximum of 250 alphanumeric characters. <br> 

However, it is possible to assign a specific format to certain types of field: email, province, postal code, country or phone number. To learn how to configure the format of these fields, see '''points '''<span style="color: rgb(255, 0, 0);">'''A'''</span>'''to <span style="color: rgb(255, 0, 0);">E</span> '''of the "Validation and activation" tab. 

To view an example of a text type customization, see '''point '''<span style="color: rgb(255, 0, 0);">'''A'''</span> of the "Customization Example 1" section. 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
After clicking on the [[Image:Button_add_plus.png]] or [[Image:Button_Edit.png]] button of the "Edit/View Web forms" window, the following window opens.<br> 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 006.png]]
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A:'''</span> Allows you to assign a characteristic to the customization. To select an existing characteristic, click on the drop-down list. The&nbsp;[[Image:Button_add_plus.png]] button allows you to add a new characteristic. To learn how to create a new characteristic by clicking on the&nbsp;[[Image:Button_Selection_3_dots.png]] button, click here.<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B:'''</span> The [[Image:Button_Edit.png]] button allows you to modify the characteristic. To learn how to modify a characteristic after clicking on the&nbsp;[[Image:Button_Edit.png]] button, see the "Add/Edit characteristic" section of the "Characteristic management" document.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C:'''</span> Allows you to add the customization to a group of French customizations. Select, using the drop-down arrow, an existing group title or create a new one to add to the drop-down list.&nbsp;<span style="color: rgb(255, 0, 0);" /><br> 

| 
<span style="color: rgb(255, 0, 0);">'''D:'''</span> Allows you to add the customization to a group of English customizations. Select, using the drop-down arrow, an existing group title or to create a new one to add to the drop-down list. To view an example of group title, see '''point'''<span style="color: rgb(255, 0, 0);">''' A'''</span> of the "Customization Example 3" section. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E:'''</span> Allows you to give a French name to the customization.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''F:'''</span> Allows you to give an English name to the customization. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G:'''</span> Allows you to specify a maximum nuber of characters. In this example, donors will not be able to enter a name containing more than 100 characters in the "First and last name" field.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''H:'''</span> Allows you to specify the size of the box.<br> 

'''NOTE:''' The size of the box corresponding to the maximum number of characters is automatically entered after filling out the field at <span style="color: rgb(255, 0, 0);">'''G'''</span>. Nonetheless, it is possible to modify it, if desired. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''I:'''</span> Allows you to display the field in read-only on the form. The field will be visible, but donors will not be able to modify it.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''J:'''</span> Allows you to make the field compulsory. When donors will complete the form, he or she will not be able to save the form as long as the field is not filled. To view an example of required field, see '''point '''<span style="color: rgb(255, 0, 0);">'''B'''</span> of the "Customization Example 3" section.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''K:'''</span> Allows you to display the field at the bottom of the page. To view an example of field at the bottom of the page, see '''point '''<span style="color: rgb(255, 0, 0);">'''A'''</span> of the "Customization Example 2" section. 

| 
<span style="color: rgb(255, 0, 0);">'''L:'''</span> Allows you to display the field below the payment section. To view an example of field below the payment section, see '''point '''<span style="color: rgb(255, 0, 0);">'''C'''</span> of the "Customization Example 3" section. 

|-
| colspan="2" | {{Anchor||OngletValidationActivation}}[[Image:Web Form Customization Configuration 007.png]]
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet de spécifier si la caractéristique de type texte est un courriel. Si la case est cochée et que le donateur n'inscrit pas une adresse courriel valide dans le champ, il ne pourra pas enregistrer le formulaire.<br> 

'''NOTE&nbsp;:''' Si le courriel n'est pas valide, une fenêtre d'avertissement apparaîtra. Pour consulter cette fenêtre d'avertissement, voir la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Fen.C3.AAtre_d.27avertissement_pour_un_champ_de_type_texte_pour_un_courriel|Fenêtre d'avertissement pour un champ de type texte pour un courriel]]&nbsp;».<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet de spécifier si la caractéristique de type texte est une province. Si la case est cochée, une liste déroulante contenant toutes les provinces enregistrées dans '''''ProDon''''' apparaîtra dans le formulaire, plutôt qu'un champ texte. Pour un exemple de personnalisation de type texte pour les provinces, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet de spécifier si la caractéristique de type texte est un code postal. Si la case est cochée et que le donateur n'inscrit pas un code postal valide dans le champ, il ne pourra pas enregistrer le formulaire.<br> 

'''NOTE&nbsp;:''' Si le code postal n'est pas valide, une fenêtre d'avertissement apparaîtra. Pour consulter cette fenêtre d'avertissement, voir la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Fen.C3.AAtre_d.27avertissement_pour_un_champ_de_type_texte_pour_un_code_postal|Fenêtre d'avertissement pour un champ de type texte pour un code postal]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet de spécifier si la caractéristique de type texte est un pays. Si la case est cochée, un onglet «&nbsp;Pays&nbsp;» s'ajoutera dans cette fenêtre. Pour savoir comment configurer une personnalisation de type texte pour les pays, [[ProDon:Configuration des personnalisations d'un formulaire Web#Liste_de_choix_pour_les_pays|cliquer ici]].<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet de spécifier si la caractéristique de type texte est un numéro de téléphone. Si la case est cochée et que le donateur n'inscrit pas un numéro de téléphone valide dans le champ, il ne pourra pas enregistrer le formulaire.<br> 

'''NOTE&nbsp;:''' Si le numéro de téléphone n'est pas valide, une fenêtre d'avertissement apparaîtra. Pour consulter cette fenêtre d'avertissement, voir la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Fen.C3.AAtre_d.27avertissement_pour_un_champ_de_type_texte_pour_un_num.C3.A9ro_de_t.C3.A9l.C3.A9phone|Fenêtre d'avertissement pour un champ de type texte pour un numéro de téléphone]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet d'afficher la personnalisation dans le formulaire en fonction de la réponse à une autre personnalisation. Choisir, à l'aide de la flèche déroulante, en fonction de quelle personnalisation celle-ci apparaîtra ou non. Dans cet exemple, le champ sera toujours visible. Pour savoir comment remplir la section activation, voir les '''lettres <span style="color: rgb(255, 0, 0);">B</span>, <span style="color: rgb(255, 0, 0);">C</span>, <span style="color: rgb(255, 0, 0);">D</span> et '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la [[#Activation|deuxième image]] de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_num.C3.A9rique|Personnalisation de type numérique]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> L'onglet «&nbsp;Note&nbsp;» permet d'ajouter une note sous la personnalisation dans le formulaire. Pour savoir comment ajouter une note à partir de cet onglet, consulter la section «&nbsp;[[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|Onglet « Notes »]]&nbsp;» du document «&nbsp;[[ProDon:Création d'un formulaire Web|Création d'un formulaire Web]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Après avoir complété tous les onglets, cliquer sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la modification&nbsp;». 

'''NOTE&nbsp;:''' S'il s'agit d'un ajout, le nom du bouton sera <br>«&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer l'ajout&nbsp;» et un bouton «&nbsp;[[Image:Bouton Ajouter.png]] Confirmer et ajouter&nbsp;» sera disponible. Ce bouton permet de confirmer l'ajout en cours, puis d'ajouter une nouvelle personnalisation par la suite. 

|}

<br> 

===== Option List for Countries<br>  =====

Il est possible de créer une liste de choix contenant les pays disponibles dans '''''ProDon''''' avec une personnalisation de type texte. 

Pour un exemple de personnalisation de type texte pour les pays, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;». 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton&nbsp;[[Image:Bouton Ajouter.png]] ou sur le bouton&nbsp;[[Image:Bouton Modifier.png]] de la fenêtre «&nbsp;[[#Fen.C3.AAtreFormulaireWeb|Consultation / modification des formulaires Web]]&nbsp;», la fenêtre suivante s'ouvre.<br> 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 008.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'attribuer une caractéristique à la personnalisation. Pour choisir une caractéristique déjà existante, cliquer sur la liste déroulante. Le bouton [[Image:Bouton....png]] permet d'ajouter une nouvelle caractéristique. Pour savoir comment crééer une nouvelle caractéristique en cliquant sur le bouton [[Image:Bouton....png]], [[ProDon:Configuration des personnalisations d'un formulaire Web#Ajout_d.27une_personnalisation|cliquer ici]].<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier la caractéristique. Pour savoir comment modifier une caractéristique après avoir cliqué sur le bouton [[Image:Bouton Modifier.png]], consulter la section «&nbsp;[[ProDon:Gestion des caractéristiques#Ajout_.2F_modification_d.27une_caract.C3.A9ristique|Ajout / modification d'une caractéristique]]&nbsp;» du document «&nbsp;[[ProDon:Gestion des caractéristiques|Gestion des caractéristiques]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations français. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. Pour un exemple de titre de groupe, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations anglais. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet de donner un nom français à la personnalisation. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet de donner un nom anglais à la personnalisation. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Permet de spécifier un nombre maximum de caractères. Dans cet exemple, puisqu'il s'agit de choix prédéfinis, le nombre de caractères du plus long des choix prédéfinis s'inscrit par défaut et il n'est pas possible de le modifier.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span>&nbsp;Permet d'afficher le champ en lecture seule dans le formulaire. Le champ sera visible, mais le donateur ne pourra pas le modifier. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Permet de rendre le champ obligatoire. Lorsque le donateur complètera le formulaire, il ne pourra pas enregistrer le formulaire tant que le champ ne sera pas rempli. Pour un exemple de champ obligatoire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;». 

| 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Permet d'afficher le champ dans le bas de la page. Pour un exemple de champ dans le bas de la page, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;». 

|-
| 
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span>&nbsp; Permet d'afficher le champ sous la section paiement. Pour un exemple de champ sous la section paiement, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

| <br>
|-
| width="50%" colspan="2" | [[Image:Web Form Customization Configuration 009.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet de spécifier si la caractéristique de type texte est un pays. Si la case est cochée, l'onglet «&nbsp;Pays&nbsp;» s'ajoute dans cette fenêtre. 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet d'afficher la personnalisation dans le formulaire en fonction de la réponse à une autre personnalisation. Choisir, à l'aide de la flèche déroulante, en fonction de quelle personnalisation celle-ci apparaîtra ou non. Dans cet exemple, le champ s'affichera en fonction de la réponse à la personnalisation choisie ici. Pour savoir comment remplir la section activation, voir les '''lettres <span style="color: rgb(255, 0, 0);">B</span>, <span style="color: rgb(255, 0, 0);">C</span>, <span style="color: rgb(255, 0, 0);">D</span> et '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la [[#Activation|deuxième image]] de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_num.C3.A9rique|Personnalisation de type numérique]]&nbsp;». 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 010.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit de la liste des pays existants dans '''''ProDon'''''. Cocher ceux qui doivent se trouver parmi les choix disponibles aux donateurs lorsqu'ils remplissent le formulaire. 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'onglet «&nbsp;Note&nbsp;» permet d'ajouter une note sous la personnalisation dans le formulaire. Pour savoir comment ajouter une note à partir de cet onglet, consulter la section «&nbsp;[[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|Onglet « Notes »]]&nbsp;» du document «&nbsp;[[ProDon:Création d'un formulaire Web|Création d'un formulaire Web]]&nbsp;». 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Après avoir complété tous les onglets, cliquer sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la modification&nbsp;». 

'''NOTE&nbsp;:''' S'il s'agit d'un ajout, le nom du bouton sera<br>«&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer l'ajout&nbsp;» et un bouton «&nbsp;[[Image:Bouton Ajouter.png]]&nbsp;Confirmer et ajouter&nbsp;» sera disponible. Ce bouton permet de confirmer l'ajout en cours, puis d'ajouter une nouvelle personnalisation par la suite.<br> 

| <br>
|}

<br> 

==== Date Type Customization  ====

Une caractéristique de type date et heure peut contenir seulement une date, seulement une heure, ou bien une date et une heure. <br> 

'''ATTENTION&nbsp;:''' Seule les caractéristiques contenant seulement une date peuvent être utilisées dans un formulaire Web. Il n'est pas possible d'utiliser une caractéristique date et heure ou une caractéristique heure.<br> 

Dans le formulaire Web, il est possible de saisir la date manuellement ou de choisir la date à l'aide d'un petit calendrier. 

Pour un exemple de personnalisation de type date, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_1_de_personnalisations|Exemple 1 de personnalisations]]&nbsp;». 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton&nbsp;[[Image:Bouton Ajouter.png]] ou sur le bouton&nbsp;[[Image:Bouton Modifier.png]] de la fenêtre «&nbsp;[[#Fen.C3.AAtreFormulaireWeb|Consultation / modification des formulaires Web]]&nbsp;», la fenêtre suivante s'ouvre.<br> 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 011.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'attribuer une caractéristique à la personnalisation. Pour choisir une caractéristique déjà existante, cliquer sur la liste déroulante. Le bouton [[Image:Bouton....png]] permet d'ajouter une nouvelle caractéristique. Pour savoir comment crééer une nouvelle caractéristique en cliquant sur le bouton [[Image:Bouton....png]], [[ProDon:Configuration des personnalisations d'un formulaire Web#Ajout_d.27une_personnalisation|cliquer ici]].<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier la caractéristique. Pour savoir comment modifier une caractéristique après avoir cliqué sur le bouton [[Image:Bouton Modifier.png]], consulter la section «&nbsp;[[ProDon:Gestion des caractéristiques#Ajout_.2F_modification_d.27une_caract.C3.A9ristique|Ajout / modification d'une caractéristique]]&nbsp;» du document «&nbsp;[[ProDon:Gestion des caractéristiques|Gestion des caractéristiques]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations français. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. Pour un exemple de titre de groupe, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations anglais. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet de donner un nom français à la personnalisation. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet de donner un nom anglais à la personnalisation. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Permet de spécifier un nombre maximum de caractères. Dans cet exemple, puisqu'une date a toujours le même nombre de caractères, le nombre de caractères maximum s'inscrit automatiquement et il n'est pas possible de le modifier.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span>&nbsp;Permet d'afficher le champ en lecture seule dans le formulaire. Le champ sera visible, mais le donateur ne pourra pas le modifier.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Permet de rendre le champ obligatoire. Lorsque le donateur complètera le formulaire, il ne pourra pas enregistrer le formulaire tant que le champ ne sera pas rempli. Pour un exemple de champ obligatoire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Permet d'afficher le champ dans le bas de la page. Pour un exemple de champ dans le bas de la page, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;». 

|-
| 
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span>&nbsp; Permet d'afficher le champ sous la section paiement. Pour un exemple de champ sous la section paiement, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

| <br>
|-
| colspan="2" | [[Image:Web Form Customization Configuration 012.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span>&nbsp;Permet d'afficher la personnalisation dans le formulaire en fonction de la réponse à une autre personnalisation. Choisir, à l'aide de la flèche déroulante, en fonction de quelle personnalisation celle-ci apparaîtra ou non. Dans cet exemple, le champ sera toujours visible. Pour savoir comment remplir la section activation, voir les '''lettres <span style="color: rgb(255, 0, 0);">B</span>, <span style="color: rgb(255, 0, 0);">C</span>, <span style="color: rgb(255, 0, 0);">D</span> et '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la [[#Activation|deuxième image]] de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_num.C3.A9rique|Personnalisation de type numérique]]&nbsp;». 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'onglet «&nbsp;Note&nbsp;» permet d'ajouter une note sous la personnalisation dans le formulaire. Pour savoir comment ajouter une note à partir de cet onglet, consulter la section «&nbsp;[[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|Onglet « Notes »]]&nbsp;» du document «&nbsp;[[ProDon:Création d'un formulaire Web|Création d'un formulaire Web]]&nbsp;». 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Après avoir complété tous les onglets, cliquer sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la modification&nbsp;». 

'''NOTE&nbsp;:''' S'il s'agit d'un ajout, le nom du bouton sera <br>«&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer l'ajout&nbsp;» et un bouton «&nbsp;[[Image:Bouton Ajouter.png]] Confirmer et ajouter&nbsp;» sera disponible. Ce bouton permet de confirmer l'ajout en cours, puis d'ajouter une nouvelle personnalisation par la suite.<br> 

| <br>
|}

<br> 

==== Checkbox Type Customization  ====

Une caractéristique de type case à cocher se présente sous forme de case à cocher ou de boutons radio. 

Pour un exemple de case à cocher d'une personnalisation de type case à cocher, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_1_de_personnalisations|Exemple 1 de personnalisations]]&nbsp;».<br> 

Pour un exemple de boutons radio d'une personnalisation de type case à cocher, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''D'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_1_de_personnalisations|Exemple 1 de personnalisations]]&nbsp;». 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton&nbsp;[[Image:Bouton Ajouter.png]] ou sur le bouton&nbsp;[[Image:Bouton Modifier.png]] de la fenêtre «&nbsp;[[#Fen.C3.AAtreFormulaireWeb|Consultation / modification des formulaires Web]]&nbsp;», la fenêtre suivante s'ouvre.<br> 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 013.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'attribuer une caractéristique à la personnalisation. Pour choisir une caractéristique déjà existante, cliquer sur la liste déroulante. Le bouton [[Image:Bouton....png]] permet d'ajouter une nouvelle caractéristique. Pour savoir comment crééer une nouvelle caractéristique en cliquant sur le bouton [[Image:Bouton....png]], [[ProDon:Configuration des personnalisations d'un formulaire Web#Ajout_d.27une_personnalisation|cliquer ici]].<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier la caractéristique. Pour savoir comment modifier une caractéristique après avoir cliqué sur le bouton [[Image:Bouton Modifier.png]], consulter la section «&nbsp;[[ProDon:Gestion des caractéristiques#Ajout_.2F_modification_d.27une_caract.C3.A9ristique|Ajout / modification d'une caractéristique]]&nbsp;» du document «&nbsp;[[ProDon:Gestion des caractéristiques|Gestion des caractéristiques]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations français. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. Pour un exemple de titre de groupe, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations anglais. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span>&nbsp;Permet de donner un nom français à la personnalisation. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet de donner un nom anglais à la personnalisation. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Deux options sont disponibles dans ce champ. L'option «&nbsp;TrxAnonyme&nbsp;» permet de demander au client s'il désire que sa transaction demeure anonyme et l'option «&nbsp;TrxReçuAnnuel&nbsp;» permet de demander au client s'il désire recevoir un reçu annuel pour cette transaction.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Permet de spécifier un nombre maximum de caractères. Dans cet exemple, puisque le texte des cases à cocher sont déjà prédéfinis, le nombre de caractères du plus long des textes des cases à cocher s'inscrit par défaut et il n'est pas possible de le modifier.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Permet d'afficher le champ en lecture seule dans le formulaire. Le champ sera visible, mais le donateur ne pourra pas le modifier.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Permet de rendre le champ obligatoire. Lorsque le donateur complètera le formulaire, il ne pourra pas enregistrer le formulaire tant que le champ ne sera pas rempli. Pour un exemple de champ obligatoire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Permet d'afficher le champ dans le bas de la page.&nbsp;Pour un exemple de champ dans le bas de la page, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;». 

| 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Permet de choisir si la personnalisation de type case à cocher sera affichée sous forme de boutons radio ou de case à cocher.&nbsp; 

|-
| 
<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> Permet d'afficher le champ sous la section paiement. Pour un exemple de champ sous la section paiement, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;». 

| <br>
|-
| colspan="2" | [[Image:Web Form Customization Configuration 014.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'afficher la personnalisation dans le formulaire en fonction de la réponse à une autre personnalisation. Choisir, à l'aide de la flèche déroulante, en fonction de quelle personnalisation celle-ci apparaîtra ou non. Dans cet exemple, le champ sera toujours visible. Pour savoir comment remplir la section activation, voir les '''lettres <span style="color: rgb(255, 0, 0);">B</span>, <span style="color: rgb(255, 0, 0);">C</span>, <span style="color: rgb(255, 0, 0);">D</span> et '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la [[#Activation|deuxième image]] de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_num.C3.A9rique|Personnalisation de type numérique]]&nbsp;». 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'onglet «&nbsp;Note&nbsp;» permet d'ajouter une note sous la personnalisation dans le formulaire. Pour savoir comment ajouter une note à partir de cet onglet, consulter la section «&nbsp;[[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|Onglet « Notes »]]&nbsp;» du document «&nbsp;[[ProDon:Création d'un formulaire Web|Création d'un formulaire Web]]&nbsp;». 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Après avoir complété tous les onglets, cliquer sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la modification&nbsp;». 

'''NOTE&nbsp;:''' S'il s'agit d'un ajout, le nom du bouton sera <br>«&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer l'ajout&nbsp;» et un bouton «&nbsp;[[Image:Bouton Ajouter.png]] Confirmer et ajouter&nbsp;» sera disponible. Ce bouton permet de confirmer l'ajout en cours, puis d'ajouter une nouvelle personnalisation par la suite.<br> 

| <br>
|}

<br> 

==== Option List/Predefined Option List Type Customization<br>  ====

Une caractéristique de type liste de choix ou liste de choix prédéfinie se présente sous forme de liste déroulante, de boutons radio ou de cases à cocher.<br> 

La différence entre la liste de choix et la liste de choix prédéfinie est l'ordre d'affichage des choix. Pour une liste de choix, les choix sont affichés en ordre alphabétique et il n'est pas possible de modifier l'ordre tandis que pour une liste de choix préfédinie, il est possible de modifier l'ordre des choix. 

Pour un exemple de liste déroulante d'une personnalisation de type liste de choix, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_1_de_personnalisations|Exemple 1 de personnalisations]]&nbsp;». 

Pour un exemple de boutons radio d'une personnalisation de type liste de choix, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''D'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;». 

Pour un exemple de cases à cocher d'une personnalisation de type liste de choix, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''D'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;». 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton&nbsp;[[Image:Bouton Ajouter.png]] ou sur le bouton&nbsp;[[Image:Bouton Modifier.png]] de la fenêtre «&nbsp;[[#Fen.C3.AAtreFormulaireWeb|Consultation / modification des formulaires Web]]&nbsp;», la fenêtre suivante s'ouvre.<br> 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 015.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'attribuer une caractéristique à la personnalisation. Pour choisir une caractéristique déjà existante, cliquer sur la liste déroulante. Le bouton [[Image:Bouton....png]] permet d'ajouter une nouvelle caractéristique. Pour savoir comment crééer une nouvelle caractéristique en cliquant sur le bouton [[Image:Bouton....png]], [[ProDon:Configuration des personnalisations d'un formulaire Web#Ajout_d.27une_personnalisation|cliquer ici]].<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier la caractéristique. Pour savoir comment modifier une caractéristique après avoir cliqué sur le bouton [[Image:Bouton Modifier.png]], consulter la section «&nbsp;[[ProDon:Gestion des caractéristiques#Ajout_.2F_modification_d.27une_caract.C3.A9ristique|Ajout / modification d'une caractéristique]]&nbsp;» du document «&nbsp;[[ProDon:Gestion des caractéristiques|Gestion des caractéristiques]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations français. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. Pour un exemple de titre de groupe, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisation anglais. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet de donner un nom français à la personnalisation. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet de donner un nom anglais à la personnalisation. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Deux options sont disponibles dans ce champ. L'option «&nbsp;TrxCodeGL&nbsp;» d'associer la transaction à un code de grand livre en particulier et l'option «&nbsp;TrxSolliciteurCode&nbsp;» d'associer la transaction à un solliciteur en particulier.<br> 

'''NOTE&nbsp;:''' Le code de grand livre et le solliciteur doit être spécifié dans la fenêtre d'ajout d'un choix à partir de l'onglet «&nbsp;[[#OngletChoix|Choix]]&nbsp;». 

| 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Permet de spécifier un nombre maximum de caractères. Dans cet exemple, puisqu'il s'agit de choix prédéfinis, le nombre de caractères du plus long des choix prédéfinis s'inscrit par défaut et il n'est pas possible de le modifier.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Permet d'afficher le champ en lecture seule dans le formulaire. Le champ sera visible, mais le donateur ne pourra pas le modifier.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Permet de rendre le champ obligatoire. Lorsque le donateur complètera le formulaire, il ne pourra pas enregistrer le formulaire tant que le champ ne sera pas rempli. Pour un exemple de champ obligatoire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Permet d'afficher le champ dans le bas de la page.&nbsp;Pour un exemple de champ dans le bas de la page, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;». 

| 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Permet d'afficher le champ sous la section paiement.&nbsp;Pour un exemple de champ sous la section paiement, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;». 

|-
| 
<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> Permet d'utiliser une liste déroulante de choix pour afficher les choix. Pour un exemple de liste déroulante, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_1_de_personnalisations|Exemple 1 de personnalisations]]&nbsp;».<br> 

'''NOTE&nbsp;:''' Cette option ne permet pas au donateur de sélectionner plus d'un choix. 

| 
<span style="color: rgb(255, 0, 0);">'''N&nbsp;:'''</span> Permet d'utiliser des boutons radio pour afficher les choix. Pour un exemple de boutons radio, voir la '''lettre&nbsp;'''<span style="color: rgb(255, 0, 0);">'''D'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;».<br> 

'''NOTE&nbsp;:''' Cette option ne permet pas au donateur de sélectionner plus d'un choix. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''O&nbsp;:'''</span> Permet d'utiliser des cases à cocher pour afficher les choix. Pour un exemple de cases à cocher, voir la '''lettre&nbsp;'''<span style="color: rgb(255, 0, 0);">'''D'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

'''NOTE&nbsp;:''' Cette option permet au donateur de sélectionner plus d'un choix. 

| 
<span style="color: rgb(255, 0, 0);">'''P&nbsp;:'''</span> Permet d'afficher les choix sur une seule colonne. Pour un exemple de choix affichés sur une seule colonne, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;».<br> 

'''NOTE&nbsp;:''' Cette option est disponible seulement si les cases en <span style="color: rgb(255, 0, 0);">'''N'''</span> ou en <span style="color: rgb(255, 0, 0);">'''O'''</span> sont cochées. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''Q&nbsp;:'''</span> Permet d'afficher les choix sur deux colonnes. Pour un exemple de choix affichés sur deux colonnes, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

'''NOTE&nbsp;:''' Cette option est disponible seulement si les cases en <span style="color: rgb(255, 0, 0);">'''N'''</span> ou en <span style="color: rgb(255, 0, 0);">'''O'''</span> sont cochées et si plus d'une valeur par enregistrement peuvent être choisies. 

| <br>
|-
| colspan="2" | {{Anchor||OngletChoix}}[[Image:Web Form Customization Configuration 016.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit de la liste des choix que le donateur pourra sélectionner lorsqu'il complètera le formulaire. 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet de modifier l'ordre des choix en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le choix en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton flèche haut a.png]] afin de déplacer le choix vers le haut, puis sur le bouton [[Image:Bouton flèche bas a.png]] afin de déplacer le choix vers le bas. 

'''NOTE&nbsp;:''' Pour une liste de choix, ces boutons ne seront pas disponibles. Les choix se placeront en ordre alphabétique. 

|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter un nouveau choix à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br> 

'''NOTE&nbsp;:''' Après avoir cliqué sur ce bouton, [[#ConfigurationChoixPersonnalisation|cette fenêtre]] s'ouvre. 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet de modifier un choix de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le choix à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br> 

'''NOTE&nbsp;:''' Après avoir cliqué sur ce bouton, [[#ConfigurationChoixPersonnalisation|cette fenêtre]] s'ouvre. 

|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet de supprimer un choix de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le choix à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]]. 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet de mettre à jour les choix en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br> 

'''NOTE&nbsp;:''' Si une caractéristique est utilisée dans plus d'un formulaire et qu'un choix est ajouté, il faudra mettre à jour les choix dans tous les formulaires dans lesquels la caractéristique est utilisée. 

|-
| width="50%" colspan="2" | [[Image:Web Form Customization Configuration 017.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'afficher la personnalisation dans le formulaire en fonction de la réponse à une autre personnalisation. Choisir, à l'aide de la flèche déroulante, en fonction de quelle personnalisation celle-ci apparaîtra ou non. Dans cet exemple, le champ sera toujours visible. Pour savoir comment remplir la section activation, voir les '''lettres <span style="color: rgb(255, 0, 0);">B</span>, <span style="color: rgb(255, 0, 0);">C</span>, <span style="color: rgb(255, 0, 0);">D</span> et '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la [[#Activation|deuxième image]] de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_num.C3.A9rique|Personnalisation de type numérique]]&nbsp;». 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'onglet «&nbsp;Note&nbsp;» permet d'ajouter une note sous la personnalisation dans le formulaire. Pour savoir comment ajouter une note à partir de cet onglet, consulter la section «&nbsp;[[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|Onglet « Notes »]]&nbsp;» du document «&nbsp;[[ProDon:Création d'un formulaire Web|Création d'un formulaire Web]]&nbsp;». 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Après avoir complété tous les onglets, cliquer sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la modification&nbsp;». 

'''NOTE&nbsp;:''' S'il s'agit d'un ajout, le nom du bouton sera <br>«&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer l'ajout&nbsp;» et un bouton «&nbsp;[[Image:Bouton Ajouter.png]] Confirmer et ajouter&nbsp;» sera disponible. Ce bouton permet de confirmer l'ajout en cours, puis d'ajouter une nouvelle personnalisation par la suite.<br> 

| <br>
|}

<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou [[Image:Bouton Modifier.png]] de cette fenêtre, la fenêtre suivante s'ouvre. 

|-
| colspan="2" | {{Anchor||ConfigurationChoixPersonnalisation}}[[Image:Web Form Customization Configuration 018.png]]
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit du choix de réponse visible dans la caractéristique dans ProDon.<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Il s'agit du choix de réponse que le donateur voit dans le formulaire Web français.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Il s'agit du choix de réponse que le donateur voir dans le formulaire Web anglais.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Si cette case est décochée, le choix spécifié en <span style="color: rgb(255, 0, 0);">'''B'''</span> ne sera pas visible dans le formulaire Web.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Si cette case est décochée, c'est que le choix ne doit être associé à aucun compte GL.<br> 

'''NOTE&nbsp;:''' Le compte GL auquel le choix doit être associé&nbsp; doit être spécifié en <span style="color: rgb(255, 0, 0);">'''F'''</span>. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Il s'agit du compte GL auquel le choix de réponse est associé.<br> 

'''NOTE&nbsp;:''' La case en <span style="color: rgb(255, 0, 0);">'''E'''</span> doit être cochée et une valeur doit être choisie ici pour que le compte GL soit associé. 

|}

==== Long Text Type Customization  ====

Une personnalisation de type texte long n'a aucun format prédéfini. Elle se présente sous forme de texte et peut contenir un maximum de 500 caractères alphanumériques. <br> 

Pour un exemple de personnalisation de type texte long, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''F'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_1_de_personnalisations|Exemple 1 de personnalisations]]&nbsp;». 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]] de la fenêtre «&nbsp;[[#Fen.C3.AAtreFormulaireWeb|Consultation / modification des formulaires Web]]&nbsp;», la fenêtre suivante s'ouvre.<br> 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 019.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'attribuer une caractéristique à la personnalisation. Pour choisir une caractéristique déjà existante, cliquer sur la liste déroulante. Le bouton [[Image:Bouton....png]] permet d'ajouter une nouvelle caractéristique. Pour savoir comment crééer une nouvelle caractéristique en cliquant sur le bouton [[Image:Bouton....png]], [[ProDon:Configuration des personnalisations d'un formulaire Web#Ajout_d.27une_personnalisation|cliquer ici]].<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier la caractéristique. Pour savoir comment modifier une caractéristique après avoir cliqué sur le bouton [[Image:Bouton Modifier.png]], consulter la section «&nbsp;[[ProDon:Gestion des caractéristiques#Ajout_.2F_modification_d.27une_caract.C3.A9ristique|Ajout / modification d'une caractéristique]]&nbsp;» du document «&nbsp;[[ProDon:Gestion des caractéristiques|Gestion des caractéristiques]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations français. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. Pour un exemple de titre de groupe, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations anglais. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet de donner un nom français à la personnalisation. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet de donner un nom anglais à la personnalisation.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Permet de spécifier un nombre maximum de caractères. Dans cet exemple, le donateur ne pourra pas inscrire un nom comportant plus de 100 caractères dans le champ «&nbsp;Prénom et nom&nbsp;». 

| 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Permet de spécifier la longueur de la boîte.<br> 

'''NOTE&nbsp;:''' La longueur de la boîte correspondant au nombre maximum de caractères s'inscrit automatiquement après avoir rempli le champ en <span style="color: rgb(255, 0, 0);">'''G'''</span>. Il est cependant possible de la modifier, si désiré. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Permet d'afficher le nombre de caractères restants sur le formulaire Web, à mesure que le donateur rempli le champ. Pour un exemple d'affichage du nombre de caractères restants, voir la '''lettre '''<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">G</span></span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_1_de_personnalisations|Exemple 1 de personnalisations]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Permet d'afficher le champ en lecture seule dans le formulaire. Le champ sera visible, mais le donateur ne pourra pas le modifier.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Permet de rendre le champ obligatoire. Lorsque le donateur complètera le formulaire, il ne pourra pas enregistrer le formulaire tant que le champ ne sera pas rempli.&nbsp;Pour un exemple de champ obligatoire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;». 

| 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Permet d'afficher le champ dans le bas de la page.&nbsp;Pour un exemple de champ dans le bas de la page, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;». 

|-
| 
<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> Permet d'afficher le champ sous la section paiement.&nbsp;Pour un exemple de champ sous la section paiement, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;». 

| 
<span style="color: rgb(255, 0, 0);">'''N&nbsp;:'''</span> Permet de choisir d'aligner le champ avec les autres personnalisations ou d'aligner le champ avec le commentaire. Pour un exemple de personnalisation de type texte long alignée avec les autres personnalisations, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''F'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;». Pour un exemple de personnalisation de type texte long alignée avec le commentaire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''F'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''O&nbsp;:'''</span> Permet de déterminer le nombre de lignes de hauteur.&nbsp; 

| <br>
|-
| colspan="2" | [[Image:Web Form Customization Configuration 020.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'afficher la personnalisation dans le formulaire en fonction de la réponse à une autre personnalisation. Choisir, à l'aide de la flèche déroulante, en fonction de quelle personnalisation celle-ci apparaîtra ou non. Dans cet exemple, le champ s'affichera si la case de la personnalisation choisie ici est cochée. Pour savoir comment remplir la section activation, voir les '''lettres <span style="color: rgb(255, 0, 0);">B</span>, <span style="color: rgb(255, 0, 0);">C</span>, <span style="color: rgb(255, 0, 0);">D</span> et '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la [[#Activation|deuxième image]] de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_num.C3.A9rique|Personnalisation de type numérique]]&nbsp;». 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'onglet «&nbsp;Note&nbsp;» permet d'ajouter une note sous la personnalisation dans le formulaire. Pour savoir comment ajouter une note à partir de cet onglet, consulter la section «&nbsp;[[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|Onglet « Notes »]]&nbsp;» du document «&nbsp;[[ProDon:Création d'un formulaire Web|Création d'un formulaire Web]]&nbsp;». 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Après avoir complété tous les onglets, cliquer sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la modification&nbsp;». 

'''NOTE&nbsp;:''' S'il s'agit d'un ajout, le nom du bouton sera <br>«&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer l'ajout&nbsp;» et un bouton «&nbsp;[[Image:Bouton Ajouter.png]] Confirmer et ajouter&nbsp;» sera disponible. Ce bouton permet de confirmer l'ajout en cours, puis d'ajouter une nouvelle personnalisation par la suite. 

<br> 

| <br>
|}

<br> 

==== Numeric Type Customization<br>  ====

Une personnalisation de type numérique peut contenir des chiffres uniquement. <br> 

Pour un exemple de personnalisation de type numérique, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''G'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;». 

'''NOTE&nbsp;:''' Si un caractère autre que numérique est entré dans le champ, une fenêtre d'avertissement apparaîtra. Pour consulter cette fenêtre d'avertissement, voir la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Fen.C3.AAtre_d.27avertissement_pour_un_champ_de_type_num.C3.A9rique|Fenêtre d'avertissement pour un champ de type numérique]]&nbsp;».<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]] de la fenêtre «&nbsp;[[#Fen.C3.AAtreFormulaireWeb|Consultation / modification des formulaires Web]]&nbsp;», la fenêtre suivante s'ouvre. 

|-
| colspan="2" | [[Image:Web Form Customization Configuration 021.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'attribuer une caractéristique à la personnalisation. Pour choisir une caractéristique déjà existante, cliquer sur la liste déroulante. Le bouton [[Image:Bouton....png]] permet d'ajouter une nouvelle caractéristique. Pour savoir comment crééer une nouvelle caractéristique en cliquant sur le bouton [[Image:Bouton....png]], [[ProDon:Configuration des personnalisations d'un formulaire Web#Ajout_d.27une_personnalisation|cliquer ici]].<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier la caractéristique. Pour savoir comment modifier une caractéristique après avoir cliqué sur le bouton [[Image:Bouton Modifier.png]], consulter la section «&nbsp;[[ProDon:Gestion des caractéristiques#Ajout_.2F_modification_d.27une_caract.C3.A9ristique|Ajout / modification d'une caractéristique]]&nbsp;» du document «&nbsp;[[ProDon:Gestion des caractéristiques|Gestion des caractéristiques]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations français. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. Pour un exemple de titre de groupe, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'ajouter la personnalisation à un groupe de personnalisations anglais. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet de donner un nom français à la personnalisation. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet de donner un nom anglais à la personnalisaion.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Permet de spécifier un nombre maximum de caractères. Dans cet exemple, le donateur ne pourra pas inscrire un nombre comportant plus de 2 caractères dans le champ «&nbsp;Nombre de personnes qui accompagnent&nbsp;». 

| 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Permet de spécifier la longueur de la boîte.<br> 

'''NOTE&nbsp;:''' La longueur de la boîte correspondant au nombre maximum de caractères s'inscrit automatiquement après avoir rempli le champ en <span style="color: rgb(255, 0, 0);">'''G'''</span>. Il est cependant possible de la modifier, si désiré. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Permet d'afficher le champ en lecture seule dans le formulaire. Le champ sera visible, mais le donateur ne pourra pas le modifier.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Permet de rendre le champ obligatoire. Lorsque le donateur complètera le formulaire, il ne pourra pas enregistrer le formulaire tant que le champ ne sera pas rempli. Pour un exemple de champ obligatoire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Permet d'afficher le champ dans le bas de la page.&nbsp;Pour un exemple de champ dans le bas de la page, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_2_de_personnalisations|Exemple 2 de personnalisations]]&nbsp;». 

| 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Permet d'afficher le champ sous la section paiement.&nbsp; Pour un exemple de champ sous la section paiement, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Configuration des personnalisations d'un formulaire Web#Exemple_3_de_personnalisations|Exemple 3 de personnalisations]]&nbsp;». 

|-
| colspan="2" | {{Anchor||Activation}}[[Image:Web Form Customization Configuration 022.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet de spécifier si la caractéristique de type texte est un montant. Si la case est cochée, le format du champ sera monéraire.<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet d'afficher la personnalisation dans le formulaire en fonction de la réponse à une autre personnalisation. Choisir, à l'aide de la flèche déroulante, en fonction de quelle personnalisation celle-ci apparaîtra ou non. Dans cet exemple, le champ s'affichera en fonction de la personnalisation choisie ici et de la réponse spécifiée en <span style="color: rgb(255, 0, 0);">'''C'''</span>.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet de choisir en fonction de quelle réponse le champ s'affichera. Dans cet exemple, si le donateur répond «&nbsp;Oui&nbsp;» à la question en <span style="color: rgb(255, 0, 0);">'''B'''</span>, ce champ s'affichera. 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'inscrire une valeur française à importer, si le donateur qui complète le formulaire français répond «&nbsp;Non&nbsp;» à la question en <span style="color: rgb(255, 0, 0);">'''B'''</span>. Dans cet exemple, si la case «&nbsp;Non&nbsp;» est cochée, la valeur «&nbsp;0&nbsp;» sera importée dans '''''ProDon''''' pour ce champ. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet d'inscrire une valeur anglaise à importer, si le donateur qui complète le formulaire anglais répond «&nbsp;Non&nbsp;» à la question en <span style="color: rgb(255, 0, 0);">'''B'''</span>. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> L'onglet «&nbsp;Note&nbsp;» permet d'ajouter une note sous la personnalisation dans le formulaire. Pour savoir comment ajouter une note à partir de cet onglet, consulter la section «&nbsp;[[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|Onglet « Notes »]]&nbsp;» du document «&nbsp;[[ProDon:Création d'un formulaire Web|Création d'un formulaire Web]]&nbsp;». 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Après avoir complété tous les onglets, cliquer sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la modification&nbsp;». 

'''NOTE&nbsp;:''' S'il s'agit d'un ajout, le nom du bouton sera <br>«&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer l'ajout&nbsp;» et un bouton «&nbsp;[[Image:Bouton Ajouter.png]] Confirmer et ajouter&nbsp;» sera disponible. Ce bouton permet de confirmer l'ajout en cours, puis d'ajouter une nouvelle personnalisation par la suite.<br> 

| <br>
|}

<br>

== Examples of Customizations  ==

=== Customization Example 1  ===

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | [[Image:Web Form Customization Configuration 023.png]]
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Personnalisation de type texte.<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Personnalisation de type date. Le bouton [[Image:Bouton calendrier.png|15x15px]] permet d'ouvrir un calendrier afin de sélectionner une date.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Case à cocher pour une personnalisation de type case à cocher.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Boutons radio pour une personnalisation de type case à cocher.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Liste déroulante pour une personnalisations de type liste de choix ou liste de choix prédéfinie. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Personnalisation de type texte long.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Nombre de caractères restants pour le champ de type texte long. 

| <br>
|}

<br> 

=== Customization Example 2  ===

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | [[Image:Web Form Customization Configuration 024.png]]
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Personnalisation dans le bas de la page. 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Personnalisation de type texte pour une province. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Personnalisation de type texte pour un pays. 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Boutons radio pour une personnalisation de type liste de choix ou liste de choix prédéfinie. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span>&nbsp; Choix affichés sur une seule colonne. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Personnalisation de type texte long alignée avec les autres personnalisations. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Personnalisation de type numérique. 

| <br>
|}

<br> 

=== Customization Example 3  ===

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | [[Image:Web Form Customization Configuration 025.png]]
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Titre de groupe.<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Une personnalisation obligatoire a un astérix avant le libellé. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Personnalisation sous la section paiement. 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Cases à cocher pour une personnalisation de type liste de choix ou liste de choix prédéfinie. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Choix affichés sur deux colonnes. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Personnalisation de type texte long alignée avec le commentaire. 

|}

<br> 

== Warning Window Examples  ==

=== Text Type Field Warning Window for an Email  ===

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | [[Image:Web Form Customization Configuration 026.png]]<br>
|-
| colspan="2" | 
Cette fenêtre s'ouvre lorsqu'un courriel non-valide est inscrit dans un champ de type texte dont la case «&nbsp;Courriel&nbsp;» est cochée. 

|}

<br> 

=== Text Type Field Warning Window for a Postal Code  ===

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | [[Image:Web Form Customization Configuration 027.png]]<br>
|-
| colspan="2" | 
Cette fenêtre s'ouvre lorsqu'un code postal non-valide est inscrit dans un champ de type texte dont la case «&nbsp;Code postal&nbsp;» est cochée. 

|}

<br> 

=== Text Type Field Warning Window for a Phone Number  ===

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | [[Image:Web Form Customization Configuration 028.png]]<br>
|-
| colspan="2" | 
Cette fenêtre s'ouvre lorsqu'un numéro de téléphone non-valide est inscrit dans un champ de type texte dont la case «&nbsp;Numéro de téléphone&nbsp;» est cochée. 

|}

<br> 

=== Numeric Type Field Warning Window  ===

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | [[Image:Web Form Customization Configuration 029.png]]<br>
|-
| colspan="2" | 
Cette fenêtre s'ouvre lorsqu'un caractère autre que numérique est inscrit dans un champ de type numérique. 

|}

<br> 

{{Footer_ProDon}}