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

    voir Remarques générales sur les widgets

Bonnes 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

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 -    voir Procédure

Theme

      voir Description des propriétés

GeneralElements

Représentation graphique	Élément paramétrable	Propriétés à renseigner
	(1) Widget	Propriétés générales > Element = Widget Text Color : couleur du texte de l'objet Background Color : couleur de fond de l'objet
	(2) Section active	Propriétés générales > Element = Selection (Active) Text Color : couleur du titre de la section active Background Color : couleur de fond de la section active
	(3) Sections inactives	Propriétés générales > Element = Selection (Secondary) Text Color : couleur du titre des sections inactives Background Color : couleur de fond des sections inactives

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  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  .
• Pour supprimer une section , cliquez sur .

3. Passez en mode Exécution  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  en regard de l'application souhaitée.

2. Dans la barre d'outils de l'éditeur graphique, cliquez sur .
                   

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  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.