Modifier le formulaire des propositions

Cette fonctionnalité n'est pas disponible par défaut sur Decidim, elle est disponible avec le module Decidim Awesome. Demandez-nous de l'activer si vous souhaitez en disposer. Le code source de ce module est accessible sur ce lien .

Dans un espace participatif, l'administrateur peut ajouter plusieurs fonctionnalités dont la fonctionnalité proposition. Le formulaire pour déposer une proposition est composé de deux champs : le titre et le corps de la proposition. Parfois, on a besoin de plus de champs sur ce formulaire mais cette option n'est pas disponible dans la fonctionnalité. 

Avec le module Decidim Awesome, il est désormais possible de personnaliser le formulaire de dépôt de proposition. Pour le configurer rendez-vous dans le tableau de bord des administrateurs puis dans Decidim Awesome et cliquez sur  Champs de propositions personnalisés. 

Cliquez ensuite sur Ajouter une nouvelle boîte de champs personnalisés. Vous devez avoir un message de succès de l'opération ainsi qu'une nouvelle section de configuration sur la page :

⚠️ Un nom par défaut est attribué à chaque formulaire ( zfxvm20n dans l'exemple), nous vous conseillons de le changer en un nom significatif. Pour cela, cliquez su l'icône crayon à côté du nom, saisissez le nouveau nom puis cliquez sur le bouton entrer. 

Créer le formulaire 

Vous pouvez maintenant commencer à créer votre formulaire. Dans le menu à droite de la section, cliquez sur le type du champ que vous souhaiter ajouter  et il sera affiché dans la partie grisée (ou glissez-déposez l'élément de droite à gauche ). 

Lorsque vous ajoutez un élément, passez votre souris dessus et cliquez sur l'icône crayon ✏️  . Une boite de dialogue s'affiche pour le configurer  : 

Paramètres communs dans tous les champs : 

• Obligatoire : cochez cette case pour indiquer que ce champ est obligatoire. 
• Label : saisissez le titre du champ. 
• Help Text : Remplissez ce champ si vous souhaitez afficher un texte d'aide à côté du champ du formulaire. 
• Placeholder : Remplissez ce champ si vous souhaitez afficher un texte d'aide dans le champ du formulaire. 
• Name : Il est remplit automatiquement. Il permet d'indexer l'élément dans le code source. 
• Value : Remplissez ce champ si vous souhaitez indiquer une valeur par défaut de réponse (uniquement pour les champs de type texte et number).
• Max Length : indiquez le nombre maximum de caractères pour ce champ.

Paramètres spécifique selon le type du champ : 

• Texte field : permet à l'utilisateur de saisir du texte sur une seule ligne. En plus des paramètres de base, vous pouvez choisir son type :
  • Text field : texte libre 
  • Mot de passe : cache le contenu saisi. 
  • Email : Vérifie si le contenu est une adresse mail ou pas. 
• Text area : permet à l'utilisateur de saisir du texte sur plusieurs lignes. En plus des paramètres de base, vous pouvez indiquer : 
  • Type : text area simple ou riche
  • Rows : Nombre maximum de lignes. 
• Number : permet à l'utilisateur de saisir des numéros. En plus des paramètres de base, vous pouvez indiquer :
  • Min : la valeur minimale possible.
  • Max : la valeur maximale possible.
  • Step :  un nombre qui définit l'incrément obtenu lors du clic sur les boutons déroulants haut et bas.
• Date field : permet à l'utilisateur de choisir une date. 
• Checkbox group : permet à l'utilisateur de choisir une ou plusieurs options. En plus des paramètres de base, vous pouvez paramétrer : 
  • Toggle : cochez cette case si vous souhaitez que les options soient affichées avec des toggles ( Par défaut c'est des cases à cocher). 
  • Enable "other" : cochez cette case si vous souhaitez permettre aux utilisateurs de saisir une autre réponse. 
  • Options : configurer ici la lise des options. Vous avez : 
    • Un case à cocher vide : cochez cette case si vous voulez que cette option soit l'option par défaut. 
    • Champ texte 1: le titre de l'option qui sera affiché pour l'utilisateur. 
    • Champ texte 2: cela permet d'indiquer une valeur pour balise alt pour l'accessibilité (le mieux c’est de saisir le même texte que le premier champ)

    Par défaut, vous avez une seule option, vous pouvez cliquer sur le bouton "Ajouter option" pour en ajouter d'autres. 
    Vous pouvez aussi supprimer une option en cliquant sur l'icône croix rouge ❌  en bas. 

• Radio group : permet à l'utilisateur de choisir une seule option. En plus des paramètres de base, vous pouvez paramétrer : 
  • Enable "other" : cochez cette case si vous souhaitez permettre aux utilisateurs de saisir une autre réponse. 
  • Options : configurer ici la lise des options. Vous avez : 
    • Un case à cocher vide : cochez cette case si vous voulez que cette option soit l'option par défaut. 
    • Champ texte 1: le titre de l'option qui sera affiché pour l'utilisateur. 
    • Champ texte 2: cela permet d'indiquer une valeur pour balise alt pour l'accessibilité (le mieux c’est de saisir le même texte que le premier champ)

    Vous devez avoir au minimum deux options, et vous pouvez cliquer sur le bouton "Ajouter option" pour en ajouter d'autres. 
    Vous pouvez aussi supprimer une option en cliquant sur l'icône croix rouge ❌  en bas. 

• Select : permet à l'utilisateur de choisir un élément dans une liste déroulante. En plus des paramètres de base, vous pouvez paramétrer : 
  
  • Allow multiple selection : cochez cette case si vous souhaitez autoriser l'utilisateur à sélectionner plusieurs éléments de la liste.
  • Options : configurer ici la lise des options. Vous avez : 
    • Un case à cocher vide : cochez cette case si vous voulez que cette option soit l'option par défaut. 
    • Champ texte 1: le titre de l'option qui sera affiché pour l'utilisateur. 
    • Champ texte 2: cela permet d'indiquer une valeur pour balise alt pour l'accessibilité (le mieux c’est de saisir le même texte que le premier champ)

    Vous devez avoir au minimum deux options, et vous pouvez cliquer sur le bouton "Ajouter option" pour en ajouter d'autres. 
    Vous pouvez aussi supprimer une option en cliquant sur l'icône croix rouge ❌  en bas. 

• Autocomplete : permet d'afficher un champ texte qui propose à l'utilisateur des suggestions pour compléter sa saisie. En plus des paramètres de base, vous pouvez :
  • Configurer la liste des suggestions : Vous avez :
    • Champ texte 1: le titre de l'option qui sera affiché pour l'utilisateur. 
    • Champ texte 2: cela permet d'indiquer une valeur pour balise alt pour l'accessibilité (le mieux c’est de saisir le même texte que le premier champ)
  • Cocher la case " Accepter seulement les options prédéfinis" pour ne pas permettre à l'utilisateur d'apporter une réponse autre que Vous devez avoir au minimum deux options, et vous pouvez cliquer sur le bouton "Ajouter option" pour en ajouter d'autres. 
    Vous pouvez aussi supprimer une option en cliquant sur l'icône croix rouge ❌  en bas. 
• Header : permet d'ajouter un titre dans le formulaire. Vous avez deux champs : 
  • Un champ texte pour saisir le titre. 
  • Le deuxième champ pour sa taille (h1: le plus grand au h6 le plus petit). 
• Paragraph : permet d'ajouter un paragraphe de texte. Vous avez deux champs : 
  • Un champ texte pour saisir le paragraphe. 
  • Un champ pour choisir son type (paragraphe simple, adresse, citation). 
• Hidden Input : permet d'ajouter un champ invisible aux utilisateurs. 

✨ Une fois que vous avez terminé la configuration d'un champ, cliquez sur le bouton  Fermer en bas pour ne pas encombrer la page. 

Lorsque vous créez un champ, vous pouvez : 

• Changer son ordre d'affichage :  maintenez le clic sur un champ et déplacez le en haut/en bas puis lâchez. 

• Le dupliquer : pour faire une copie de ce champ, survolez-le et cliquer sur l'icône 📋.
• Le supprimer : pour supprimer un champ, survolez-le et cliquer sur l'icône ❌. 

Configurer les restrictions

Une fois vous avez créé votre formulaire, vous pouvez ajouter des restrictions. Par défaut, la condition active est "

Jamais", c'est-à-dire le formulaire ne sera pas activé.  Pour changer cette condition, cliquez sur Modifier : une boite de dialogue s'affichera.  Vous pouvez ici définir vos conditions: 

• Appliquer sur les espaces participatifs de type : vous permet de choisir l'espace participatif  (Concertation ,assemblée,...) dans lequel vous voulez l'activer. 
• Seulement dans : En fonction de ce que vous avez choisi comme espace participatif, vous avez la liste de vos démarches si vous voulez l'appliquer seulement dans une démarche spécifique. 
• Seulement pour les fonctionnalités de type : vous pouvez choisir d'appliquer le formulaire seulement dans un type de fonctionnalité (rencontre, proposition,..)
• Spécifiquement dans : vous pouvez choisir d'appliquer le formulaire seulement sur une fonctionnalité précise et non pas pour une autre même si elles sont du même type. 

N'oubliez pas de cliquer sur Sauvegarder pour mettre à jour les conditions. 

N'oubliez pas de cliquer sur Mise à jour de la configuration pour sauvegarder le formulaire.