Personnalisation des messages d'erreur d'un widget Validation de case à cocher

Par défaut, les messages d'erreur du widget Validation de case à cocher s'affichent en rouge, entourés d'un bord épais de 1 pixel. Vous pouvez modifier les règles CSS du widget Validation de case à cocher de manière à créer un widget dont le style est adapté à vos besoins. Vous trouverez la liste des tâches de définition de style avancées à l'adresse www.adobe.com/go/learn_dw_sprycheckbox_custom_fr.

  1. Ouvrez le fichier SpryValidationCheckbox.css.

    Dreamweaver enregistre le fichier SpryValidationCheckbox.css dans le dossier SpryAssets de votre site dès que vous créez un widget Validation de case à cocher. La consultation de ce fichier peut s'avérer utile, car il contient des informations commentées au sujet de divers styles qui s'appliquent au widget.

  2. Recherchez la règle CSS appropriée dans le tableau suivant, puis modifiez les propriétés par défaut ou ajoutez vos propriétés et valeurs de style du texte :

    Texte à mettre en forme

    Règle CSS pertinente

    Propriétés à modifier

    Texte de message d'erreur

    .checkboxRequiredState .checkboxRequiredMsg, .checkboxMinSelectionsState .checkboxMinSelectionsMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg

    color: #CC3333; border: 1px solid #CC3333;
    Même s'il est facile de modifier directement les règles du widget Validation de case à cocher dans le fichier CSS qui l'accompagne, vous pouvez également utiliser le panneau Styles CSS pour modifier le code CSS du widget. Le panneau Styles CSS peut vous aider à trouver les classes CSS attribuées à différentes parties du widget, en particulier si vous employez le mode Actuel du panneau.