Widget Accordion


Apps - Widget - Accordion icon.png Ce type de widget appartient à la catégorie Basic de la bibliothèque des widgets. Il permet de créer un menu dépliable contenant une liste de sections affichées les unes sous les autres, chacune pouvant contenir du texte, des images, appeler une page Html, une page de l'application ou d'une autre application... Cela permet d'afficher un maximum d'informations sur un minimum de pages.

Remarques

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

Best Practice big icon.pngBonnes pratiques

  • Utilisez le widget Accordion pour regrouper des informations de taille limitée dans des sections. Pour regrouper les informations sous la forme d'onglets (horizontaux ou verticaux), utilisez le widget Tab.
  • Définissez la hauteur du widget de manière à pouvoir afficher toutes les sections (propriété Theme > Widget Height).

Exemple

       EVApps - widget Accordion - Example.png

Liste des propriétés

Content

Accordions : Liste des sections, chacune étant constituée d'un titre et d'un contenu. Cliquez sur [ ADD ITEM ] pour ajouter une nouvelle section -  Open url.png  voir Procédure

Theme

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

Procédures

Comment créer un menu dépliable avec sections

1. Cliquez sur [ ADD ITEM ] ; dans la zone Accordions, renseignez le titre de la première section du menu dépliable, puis renseignez son contenu : saisissez directement le code dans la zone ou cliquez sur Apps - Edit icon.png pour ouvrir l'éditeur de texte.

2. De la même façon, créez les autres sections dans l'ordre souhaité d'affichage.

  • Pour modifier l'ordre de la liste Accordions, cliquez-glissez la section souhaitée vers sa nouvelle position via  Apps - Order objects icon.png.
  • Pour supprimer une section , cliquez sur Apps - Delete icon.png.

3. Passez en mode Exécution EVApps - GUI - Execute icon.png pour visualiser le menu dépliable, tel qu'il apparaîtra à l'utilisateur.
 

Comment récupérer l'URL de lancement d'une application

1. Sur la galerie, cliquez sur Apps - Application properties icon.png en regard de l'application souhaitée.

2. Dans la barre d'outils de l'éditeur graphique, cliquez sur EVApps - GUI - Share icon.png.
                   EVApps - GUI - Share Apps.png

3. Copiez l'URL de lancement de l'application.

4. Revenez sur votre application et collez l'URL :

  • soit dans la propriété URL d'un lien hypertexte inséré sur une propriété Label, Header/Footer, Html Code d'un widget (via Apps - Text Editor - Hyperlink icon.png sur l'éditeur de texte) ;
  • soit dans la propriété URL to Load du widget Button ;
  • soit dans la propriété Data > Select Link Type du widget Menu.
Tags:
Modifié par Utilisateur inconnu le 2016/12/14 14:53
Créé par Administrator XWiki le 2014/11/12 20:39

Raccourcis

L'actualité mensuelle
•  Newsletter

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

Glossaire

Powered by XWiki ©, EasyVista 2020