Liaison de données de menu au widget Barre de menus
Le widget Barre de menus prend en charge plusieurs entrées de données pour les sections suivantes :
• Navigation principale : éléments de menu de niveau supérieur qui s'affichent dans la partie supérieure de la barre de menus. Ces éléments sont configurés à l'aide des données de menu.
• Navigation secondaire : éléments de menu de niveau supérieur qui s'affichent au-dessus du pied de page. Ces éléments sont configurés à l'aide des données de menu.
• Pied de page : section située dans la partie inférieure de la barre de menus, qui contient une icône, du texte et un lien vers une URL. Cette section est configurée à l'aide des propriétés du widget. Pour plus d'informations, consultez la rubrique
Définition de la section de pied de page.
Vous pouvez configurer le type de source de données à utiliser pour le widget Barre de menus à l'aide de la propriété DataSource. Deux options vous permettent de définir les options de menu :
• Table d'informations (par défaut) : pour utiliser une table d'informations issue d'un service de données.
• Entité de menu : pour utiliser des entités de menu dans Composer.
Utilisation d'une entité de menu
1. Sélectionnez un widget Barre de menus sur le canevas ou utilisez le panneau Explorateur.
2. Dans le panneau Properties, définissez la propriété DataSource sur Entité de menu.
3. Dans la propriété PrimaryNavMenu, sélectionnez une entité de menu à partir du serveur.
4. Pour les éléments de navigation secondaire, sélectionnez une entité de menu pour la propriété SecondaryNavMenu.
Vous pouvez également définir la section de pied de page à l'aide des propriétés du widget.
5. Cliquez sur Enregistrer, puis sur Afficher l'application composite.
Les éléments de menu s'affichent à l'exécution.
Utilisation d'une table d'informations
Vous pouvez lier des données à partir de n'importe quelle table d'informations formatée à l'aide de la forme de données MenuEntry. Utilisez le panneau Données pour ajouter un objet avec un service de données pour votre barre de menus.
1. Dans le panneau Données, ajoutez un service de données renvoyant une table d'informations avec les données d'éléments de menu à afficher.
2. Liez la propriété All Data du service de données à la propriété de widget PrimaryNavData.
3. Liez un événement, tel que la propriété d'application composite Loaded, pour lancer le service de données de menu à l'exécution.
4. Pour afficher les éléments secondaires sur la barre de menus, répétez les étapes 1 à 3 pour la propriété de widget SecondaryNavData.
Vous pouvez également définir la section de pied de page à l'aide des propriétés du widget.
5. Cliquez sur Enregistrer, puis sur Afficher l'application composite.
Le service de données est lancé à l'exécution et les éléments de la barre de menus s'affichent.
Définition de la section de pied de page
Vous pouvez utiliser la section de pied de page pour afficher des informations générales telles que l'identité de votre entreprise, le nom de l'application ou encore l'icône de nom et profil de l'utilisateur actif. Pour configurer la section de pied de page, utilisez les propriétés suivantes du widget :
• FooterText : spécifie le texte à afficher dans la section de pied de page.
• FooterURL : URL vers laquelle rediriger l'utilisateur dès lors qu'il clique sur la section de pied de page.
• FooterIcon : spécifie l'entité de média à utiliser pour l'icône de pied de page. L'icône s'affiche de manière permanente dans tous les types de menu et dans tous les cas. Une icône de remplacement s'affiche lorsque cette propriété est vide.
• FooterLinkTargetWindow : contrôle la façon dont s'ouvre le lien du pied de page. Vous pouvez ouvrir l'URL dans la fenêtre active ou dans une nouvelle fenêtre de navigateur.
• HideFooter : permet d'afficher ou de masquer la section du pied de page.
• FooterLogo : spécifie l'entité de média à afficher dans la zone de pied de page lorsque le menu est ouvert. La propriété FooterIcon est utilisée lorsque la barre de menus est en mode compact.
|
Cette propriété est uniquement disponible dans ThingWorx 9.3 et versions ultérieures.
|