Thèmes de référence

Les thèmes vous permettent de styliser vos formulaires sans aucune connaissance approfondie de CSS. En plus du thème par défaut, vous pouvez obtenir les thèmes suivants en installant le package complémentaire AEM Forms :

• Beryl
• Exec
• Exec-Light
• Liberty
• Ultramarine
• Urbane
• U.S. Web Design Standards
• Tranquil

Chaque thème contient un style unique et élégant que vous pouvez utiliser pour créer des formulaires adaptatifs attrayants pour vos utilisateurs et vos utilisatrices. Il contient des styles uniques pour les sélecteurs tels que le panneau, la zone de texte, la zone numérique, le bouton radio, le tableau et le commutateur. Les styles de ces thèmes varient selon les besoins. Par exemple, dans un scénario particulier, vous avez besoin d’un thème minimaliste avec des polices très lisibles. Le thème Liberty permet d’obtenir cette apparence.

Les thèmes inclus dans ce module sont réactifs et la mise en forme de ces thèmes est définie pour les affichages mobiles et de bureau. La plupart des navigateurs modernes sur différents appareils peuvent sans problème rendre des formulaires auxquels est appliqué l’un de ces thèmes.

Pour plus d’informations sur l’installation du package, voir Comment travailler avec les packages.

Beryl

Le thème Beryl est utilisé par le formulaire adaptatif We.Gov et souligne l’utilisation d’une image d’arrière-plan, de la transparence et de grandes icônes aplaties. Dans la capture d’écran ci-dessous, vous pouvez voir à quoi ressemble le thème Beryl, et comment il peut augmenter le style de votre formulaire.

Exec

Le thème Exec évite les remplissages d’arrière-plan solides pour mettre en évidence les composants de formulaire. Lorsque vous sélectionnez et cliquez sur des composants, les couleurs de la police sont modifiées. Par rapport au thème Canevas par défaut, la couleur de police du texte dans l’onglet sélectionné passe au bleu foncé. Notez la différence entre les boutons de navigation et d’envoi et le thème Beryl.

Exec Light

Le thème Exec Light utilise l’espace blanc pour créer une expérience transparente. Les boutons Suivant et Envoyer ont un remplissage plein et une ombre 3D. Les onglets sélectionnés sur la gauche ont une flèche au lieu de deux coches.

Liberty

Le thème de la liberté utilise une approche minimaliste pour mettre en évidence l'important. Par exemple, la couleur de police de l’onglet visité passe au vert. Vous ne pouvez afficher que le contour inférieur de la zone de texte qui imite l’aspect d’un formulaire papier avec des lignes. La zone de texte active a un contour inférieur noir, tandis que d’autres ont un contour inférieur gris clair.

Tranquil

Le thème Tranquil fournit des nuances claires et sombres du jeu de couleurs Tranquil pour mettre en évidence différents composants d’un formulaire. Par exemple, les boutons radio, les panneaux et les onglets ont une nuance de vert différente.

Ultramarine

Le thème Ultramarine met en évidence les composants tels que les onglets, les panneaux, les zones de texte et les boutons avec des tons bleu foncé.

Urbane

Le thème Urbane met en évidence une apparence minimaliste et fonctionnelle de votre formulaire. Lorsque vous appliquez le thème Urbane à votre formulaire, vous pouvez voir que les composants sont aplatis. Les panneaux reçoivent des contours fins pour créer un aspect moderne.

U.S. Web Design Standards

Le thème U.S. Web Design Standards, comme le nom l’indique, utilise les polices et les styles décrits sur le site Draft U.S. Web Design Standards. La norme Web est utilisée par les organisations fédérales pour créer des contenus Web homogènes sur les sites Web du gouvernement fédéral américain.