Le widget View Navigation (Navigation entre les vues) fournit des onglets permettant aux utilisateurs finaux d’accéder aux vues d’un widget Section (Section). À mesure que les utilisateurs accèdent aux vues de la section, seul le contenu de la section et non l’intégralité de la page est actualisé, ce qui améliore les performances de l’application.
Exemple
Utilisez ce widget pour prendre en charge les exigences de conception d’application, telles que les suivantes :
- Vous créez plusieurs vues de contenu similaire dans un widget Section (Section) pour éviter de faire trop défiler la page dans votre application. Incluez un widget View Navigation (Navigation entre les vues) pour que les utilisateurs puissent cliquer sur des onglets afin d’actualiser le contenu de la section et accéder aux vues.
Remarques sur l'utilisation
La page doit comporter un widget Section (Section) auquel vous pouvez associer le widget View Navigation (Navigation entre les vues). Vous devez positionner le widget en dehors de la section ; vous ne pouvez pas imbriquer le widget View Navigation (Navigation entre les vues) dans son widget Section (Section) correspondant. Par exemple, positionnez le widget au-dessus ou en dessous d’une section (idéal pour les onglets horizontaux) ou à gauche ou à droite d’une section (idéal pour les onglets verticaux).
Vous pouvez inclure toutes les vues de la section ou des vues spécifiques. Pour spécifier la séquence des vues, ouvrez le panneau de configuration du widget Section (Section) et faites glisser les vues suivant l’ordre dans lequel vous souhaitez qu’elles apparaissent dans le widget View Navigation (Navigation entre les vues). Vous pouvez également mettre à jour les noms des vues dans les paramètres du widget Section (Section).
Paramètres
Le widget View Navigation (Navigation entre les vues) inclut les paramètres suivants :
- Link to (Lier à) : choisissez un widget Section (Section) de la page.
- Views (Vues) : définissez les vues à afficher dans le widget en sélectionnant l’une des options suivantes :
- Auto (Auto) : incluez des onglets pour toutes les vues de la section.
- Custom (Personnalisé) : incluez des onglets pour des vues spécifiques de la section.
- Style (Style) : sélectionnez une option de conception dans l’onglet : Default (Par défaut), Underline (Souligné) ou Pills (Pilules).
- Direction (Direction) : affichez les onglets horizontalement ou verticalement.
- Background (Arrière-plan) : modifiez la couleur d'arrière-plan du widget.
- States (États) : modifiez l’apparence des onglets pour offrir aux utilisateurs un indice visuel lorsqu’ils survolent ou sélectionnent un onglet. Par exemple, modifiez les couleurs du texte et des bordures pour l’état Selected (Sélectionné).
Astuce :
Pour tester ces options, cliquez sur Live view (Vue en temps réel) dans la barre d’outils du générateur.
Vous avez un commentaire à formuler concernant cette rubrique ?