Personnaliser un widget

 

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

  1. Rendez-vous dans l'onglet Preference Management, dans le menu de gauche
  2. Rendez-vous dans l'onglet widgets.
  3. Choisissez le widget que vous souhaitez personnaliser.
  4. Cliquez sur l'icône crayon situé sur la même ligne que le widget que vous souhaitez personnaliser.
  5. Cliquez sur Look&Feel. La fenêtre Look&Feel se situe sur la droite de votre écran.
  6. Rendez-vous dans la section Layout Shape.
  7. Choisissez l'une des formes suivantes : Smoothed (rectangle arrondi), Rounded (arrondi), et Squared (rectangle).

Card content (1)

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

  1. Rendez-vous dans l'onglet Preference Management, dans le menu de gauche.
  2. Rendez-vous dans l'onglet widgets.
  3. Choisissez le widget que vous souhaitez éditer.
  4. 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.
  5. Cliquez sur Look & Feel. La fenêtre Look&Feel s'ouvre sur le côté droit de votre écran.
  6. Rendez-vous dans la section Layout Colors.
  7. Sélectionnez un thème parmi les quatre disponibles : Default (par défaut), Abyss, Lagoon, Ocean and Sunset.

Frame 933

Personnaliser le thème du widget

Dans la PMP, vous avez également la possibilité de personnaliser le thème de votre widget.

  1. Rendez-vous dans l'onglet Preference Management tab, dans le menu à gauche.
  2. Rendez-vous dans l'onglet widgets.
  3. Choisissez le widget que vous souhaitez personnaliser.
  4. 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.
  5. Cliquez sur Look&Feel. La fenêtre Look&Feel est située sur le côté droit de votre écran.
  6. Rendez-vous dans la section Customized colors.

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 : 

  1. Choisissez une section. Par exemple : Section title.
  2. Cliquez sur le code couleur hexadécimal. Un sélecteur de couleur s'ouvre.
  3. Jouez avec la pipette ou votre curseur pour trouver la couleur qui correspond à vos attentes. Vous pouvez aussi entrer directement le code hexadécimal.