Les Single purpose widget ne sont pas encore personnalisables dans la console. Vous pouvez suivre notre documentation pour les développeurs afin de modifier l'aspect et l'apparence par le biais de nos API. Nous vous présentons ici comment modifier l'apparence d'un centre de préférences ou d'un Multi purpose widget.
Forme et disposition
Personnaliser la forme du widget
- Rendez-vous dans l'onglet Preference Management, dans le menu de gauche
- Rendez-vous dans l'onglet widgets.
- Choisissez le widget que vous souhaitez personnaliser.
- Cliquez sur l'icône crayon situé sur la même ligne que le widget que vous souhaitez personnaliser.
- Cliquez sur Look&Feel. La fenêtre Look&Feel se situe sur la droite de votre écran.
- Rendez-vous dans la section Layout Shape.
- Choisissez l'une des formes suivantes : Smoothed (rectangle arrondi), Rounded (arrondi), et Squared (rectangle).
Le thème
Vous pouvez sélectionner un thème existant pour ajouter rapidement un style à votre widget.
Sélectionner un thème pour le widget
- Rendez-vous dans l'onglet Preference Management, dans le menu de gauche.
- Rendez-vous dans l'onglet widgets.
- Choisissez le widget que vous souhaitez éditer.
- Cliquez sur le nom du widget ou sur l'icône crayon, située sur la même ligne que le widget que vous souhaitez éditer.
- Cliquez sur Look & Feel. La fenêtre Look&Feel s'ouvre sur le côté droit de votre écran.
- Rendez-vous dans la section Layout Colors.
- Sélectionnez un thème parmi les quatre disponibles : Default (par défaut), Abyss, Lagoon, Ocean and Sunset.
Personnaliser le thème du widget
Dans la PMP, vous avez également la possibilité de personnaliser le thème de votre widget.
- Rendez-vous dans l'onglet Preference Management tab, dans le menu à gauche.
- Rendez-vous dans l'onglet widgets.
- Choisissez le widget que vous souhaitez personnaliser.
- Cliquez sur le nom du widget ou sur l'icône crayon, située sur la même ligne que le widget que vous souhaitez personnaliser.
- Cliquez sur Look&Feel. La fenêtre Look&Feel est située sur le côté droit de votre écran.
- Rendez-vous dans la section Customized colors.
Dans cette section, vous pouvez sélectionner vous-même les couleurs que vous souhaitez pour votre widget pour les sections suivantes :
Section | Éléments concernés |
---|---|
Header | Titre principal et description |
Section title | Tous les titres de section entre les cartes |
Card title | Titres des cartes |
Card body copy | Corps de la carte |
Selection buttons | Boutons radio, cases à cocher |
Save button | Bouton Save (sauvegarder) |
Footer | Success icon, message de remerciements |
Background | Arrière plan du widget |
Les couleurs sont au format hexadécimal, par exemple : #F56B2A.
Pour choisir une couleur :
- Choisissez une section. Par exemple : Section title.
- Cliquez sur le code couleur hexadécimal. Un sélecteur de couleur s'ouvre.
- Jouez avec la pipette ou votre curseur pour trouver la couleur qui correspond à vos attentes. Vous pouvez aussi entrer directement le code hexadécimal.