Exemple

Utilisez ce widget pour prendre en charge les exigences de conception d’application, telles que les suivantes :

• Vous souhaitez créer une application centrée sur une carte, plein écran, avec des widgets organisés dans un contrôleur de type barre d’outils où les utilisateurs peuvent ouvrir un ou plusieurs widgets pour interagir avec la carte, le cas échéant.

Remarques sur l'utilisation

Pour ajouter des widgets au contrôleur, cliquez sur le bouton Add widget (Ajouter un widget) et sélectionnez-en un dans la bibliothèque de widgets ou faites glisser un widget du panneau Insert widget (Insérer un widget) sur le contrôleur. Configurez les widgets ajoutés en cliquant dessus dans le contrôleur pour en ouvrir le panneau des paramètres. Faites glisser le coin inférieur du panneau du widget pour définir sa taille initiale.

Paramètres

Le widget Widget Controller (Contrôleur de widgets) inclut les paramètres suivants :

• Direction (Direction) : affichez le contrôleur suivant une direction verticale ou horizontale.
• Behavior (Comportement) : définissez le nombre de widgets pouvant être ouverts à partir de ce contrôleur et les widgets qui s’ouvrent automatiquement au chargement de la page.
  • Single (Unique) : un seul widget peut être ouvert à la fois. L’ouverture d’un widget en ferme un autre.
  • Multiple (Multiple) : plusieurs widgets peuvent être ouverts et exécutés à la fois. Dans ce cas, vous pouvez choisir d’afficher les widgets ouverts empilés ou côte à côte.

    Conseil :

    Pour tester ces options, cliquez sur Live view (Vue en temps réel) dans la barre d’outils du générateur.

  • Autorisez l’ouverture automatique d’un ou de plusieurs widgets au chargement de la page en les sélectionnant dans la liste des widgets.
• Appearance (Apparence) : sélectionnez les widgets dans le contrôleur de widgets et personnalisez leurs icônes, leurs étiquettes ou leur style.
  • Icon (Icône) : utilisez un cercle ou un rectangle pour les icônes de widget.
  • Label (Étiquette) : affichez le nom du widget sous forme d’étiquette sous l’icône. Ce texte correspond au nom par défaut ; mettez à jour le nom du widget dans le panneau de configuration afin de le rendre significatif pour les utilisateurs finaux.
  • Tooltip (Info-bulle) : désactivez le texte de survol pour les boutons si vous choisissez d’utiliser des étiquettes à la place.
  • Size (Taille) : modifiez la taille de l’icône de widget.
  • Spacing (Espacement) : spécifiez l’espace entre les icônes de widget.
• Advanced (Avancé) : configurez la manière dont les boutons de la barre d’outils apparaissent pour les trois états : Default (Par défaut), Selected (Sélectionné) et Hover (Survol). Vous pouvez changer la couleur d’arrière-plan de l’icône et, si vous activez les étiquettes, vous pouvez changer la couleur de la police et appliquer le format du texte en gras, italique, barré et souligné.
  • Default (Par défaut) : l’état par défaut d’un bouton sans interaction utilisateur.
  • Selected (Sélectionné) : l’état pour un bouton que l’utilisateur sélectionne sur le contrôleur ou pour un widget ouvert.
  • Hover (Survol) : l’état pour un bouton vers l’utilisateur pointe sur le contrôleur.

  Remarque :

  Le thème que vous avez sélectionné affecte les couleurs par défaut dans les panneaux de configuration. Cliquez sur More (Plus) pour choisir une couleur personnalisée si vous souhaitez utiliser une couleur qui ne fait pas partie du thème de l’application.