Widget Sidebar


Apps - Widget - Sidebar icon.png Ce type de widget appartient à la catégorie Basic de la bibliothèque des widgets. Il permet d'appeler une page enfant depuis une page de la même application (dite page parente), et de l'afficher dans un volet (vertical / horizontal) sur la page parente.

  • Toutes les modifications apportées à la page enfant sont automatiquement affichées sur la page parente.

Remarques

  Open url.png  voir Remarques générales sur les widgets

  • La page enfant doit appartenir à la même application.
  • La totalité de la page enfant est affichée : il n’est pas possible de sélectionner une zone particulière de celle-ci.
  • Une page (parente ou enfant) ne peut pas s’appeler elle-même.
  • Pour améliorer les performances, les pages enfants ne sont pas visibles à partir de l'éditeur graphique, mais uniquement en mode Exécution.

Principe de fonctionnement

        Operating principle.png

(1) La page B est la page courante sur laquelle un bouton d’appel de la page A est positionné.

Un clic sur le bouton d’appel affiche la page enfant A dans la page courante B (la page enfant est appelée de façon indirecte et n'est pas ancrée dans la page parente).

  • (2) Affichage via un volet horizontal
  • (3) Affichage via un volet vertical

Bonnes pratiques

  • Utilisez ce widget pour limiter le nombre d’éléments créés récurrents dans les pages de l’application, réduire le nombre de pages à maintenir, et améliorer les temps de performance.
  • Lors de l'ouverture du volet, appliquez un fond de couleur sur la page parente afin de mettre en évidence la page enfant  - Open url.png voir Exemples
  • Pour que la page enfant reste toujours visible sur la page parente, utilisez le widget Embedded Page.

Exemple

Affichage d'un menu latéral : la page enfant est ouverte dans un volet horizontal, au-dessus de la page courante
     

Page parent Ouverture de la page enfant
Example - Parent page - Run mode.png Example - Child page - Run mode.png

Liste des propriétés

Content

Page : Liste des pages de l'application. Sélectionnez celle à afficher dans le volet superposé à la page parente.

  • Le message The page ... will be displayed in run mode est affiché. Passez en mode Exécution pour visualiser la page enfant dans le volet.
     

Direction : Direction et sens d’ouverture du volet.

  • Horizontal : ouverture de gauche à droite ou de droite à gauche.
  • Vertical : ouverture de haut en bas ou de bas en haut.
     

Open Button : Bouton d’ouverture du volet, de type Icône ou Texte

Close Button : Bouton de fermeture du volet, de type Icône ou Texte

Width : Taille du volet, en pixels ou en pourcentage.

Active Shadow : Indique si un fond de couleur est appliqué sur la page parente lorsque le volet est ouvert (case cochée), ou si le fond de couleur de la page parente ne change pas (case non cochée).

Shadow Color (Note : Uniquement si la case Active Shadow est cochée) : Couleur appliquée en fond de la page parente.

Opacity (Note : Uniquement si la case Active Shadow est cochée) : Degré d'opacité de la couleur affichée en fond de la page parente, qui peut être sélectionné via la réglette ou saisie directement dans la zone. Plus le degré est important, plus la couleur est visible.


case Active Shadow non cochée case Active Shadow cochée
Opacity = 30 Opacity = 100
Shadow off.png Shadow on - Low opacity.png Shadow on - High opacity.png

Theme

  Open url.png  voir Description des propriétés

Tags:
Modifié par Utilisateur inconnu le 2020/05/15 14:13
Créé par Administrator XWiki le 2020/03/24 12:26

Raccourcis

L'actualité mensuelle
•  Newsletter

Tous les changements
•  Service Manager
•  Service Apps
•  Self Help

Glossaire

Powered by XWiki ©, EasyVista 2020