Comment ne pas afficher l'étoile rouge sur les champs obligatoire du formulaire ?

  • yohannsudaka
    Demandé le 30 novembre 2023 à 06:14

    Bonjour, je souhaiterai savoir comment ne pas afficher l'étoile rouge sur les champs obligatoire du formulaire ?

  • Frédéric Jotform Support
    Répondu le 30 novembre 2023 à 08:32

    Bonjour Yohann,

    Merci de venir vers nous pour de l'aide. Pour ne pas afficher l'astérisque rouge qui figure en haut à droite des champs rendus obligatoires, il vous injecter le petit code CSS suivant dans votre formulaire:

    .form-required {
      color : #ffffff00 !important;
    }


    Permettez-moi de vous montrer comment injecter ce code dans un formulaire.

    1. Dans le Générateur de formulaire, allez à la page Créer.
    2. Cliquez sur le Rouleau de peinture à droite.Comment ne pas afficher létoile rouge sur les champs obligatoire du formulaire ? Image 1 Screenshot 60
    3. Dans le panneau de droite, allez à l'onglet Styles, puis descendez jusque la section Injecter du CSS personnalisé.Comment ne pas afficher létoile rouge sur les champs obligatoire du formulaire ? Image 2 Screenshot 71
    4. Copiez le code ci-dessus et collez-le dans le champ Injecter du CSS personnalisé.Comment ne pas afficher létoile rouge sur les champs obligatoire du formulaire ? Image 3 Screenshot 82

    Et voilà.

    L'astérisque rouge apparaîtra toujours tant que vous êtes dans le générateur de formulaire, sauf en mode prévisualisation, mais il disparaît lorsqu'il est présenté pour être rempli, comme dans le test ci-dessous.

    Comment ne pas afficher létoile rouge sur les champs obligatoire du formulaire ? Image 4 Screenshot 93

    Bien sûr, l'affichage des erreurs demeure lorsque le champ n'est pas rempli, comme ci-dessous.Comment ne pas afficher létoile rouge sur les champs obligatoire du formulaire ? Image 5 Screenshot 104

    Essayez, et dites-nous comment ça se passe.