Personnalisation de l'apparence de l'écran

Dans cette leçon, vous apprendrez comment modifier la disposition et l'apparence d'un écran dans LightSwitch.

Personnalisez l'écran

En utilisant le Concepteur d'écran, vous pouvez personnaliser un écran de plusieurs façons.Par exemple, vous pouvez modifier l'ordre d'affichage des champs, modifier le type de contrôle utilisé pour présenter un champ et restreindre la capacité de modifier un champ.

Pour afficher un écran

Dans l'Explorateur de solutions, double-cliquez sur l'écran OrdersByCustomers.
Appuyez sur F5 pour exécuter l'application, puis dans le menu de navigation, cliquez sur Orders By Customers pour afficher le formulaire.

Lorsque vous sélectionnez un client dans la liste de clients sur la gauche, les détails de ce client et une liste de commandes connexes s'affichent à droite.
Pour fermer la fenêtre, cliquez sur le bouton Fermer dans le coin supérieur droit de la fenêtre d'application.

Pour modifier des noms complets

Dans le volet central du Concepteur d'écran, sélectionnez le nœud supérieur Columns Layout | Orders By Customer.
Dans la fenêtre Propriétés, sélectionnez le champ Description et tapez Sélectionner un client pour afficher ses commandes.

Ce message sera affiché sous la forme d'une info-bulle pour l'écran lorsque vous lancez l'application.
Appuyez sur F5 pour exécuter l'application, et dans le menu de navigation, cliquez sur Orders By Customers pour afficher l'écran.Pour afficher l'info-bulle, déplacez et maintenez le pointeur de la souris sur « Orders By Customer » dans l'onglet de l'écran.
Pour fermer la fenêtre, cliquez sur le bouton Fermer dans le coin supérieur droit de la fenêtre d'application.

Pour modifier des contrôles et l'ordre d'affichage

Sous le nœud Rows Layout | Details Column, sélectionnez le nœud Company.
Dans la liste déroulante, sélectionnez Étiquette.

Cela empêche le champ Company d'être modifié dans l'application en cours d'exécution.
Sélectionnez le nœud Phone.
Faites-le glisser sous le nœud Company.

Cela modifie l'ordre d'affichage sur l'écran.
Appuyez sur F5 pour exécuter l'application, et dans le menu de navigation, cliquez sur Orders By Customers pour afficher l'écran et vérifier les modifications.
Pour fermer la fenêtre, cliquez sur le bouton Fermer dans le coin supérieur droit de la fenêtre d'application.

Pour désactiver des commandes pour une grille de données

Développez le nœud DataGrid | Orders.
Développez le nœud Command Bar, s'il ne l'est pas déjà.
Sélectionnez le nœud Edit.Dans la fenêtre Propriétés, désactivez la case à cocher IsVisible.

Cela désactive la commande Modifier pour la grille de données Orders.
Répétez la procédure pour le nœud Delete.
Appuyez sur F5 pour exécuter l'application, et dans le menu de navigation, cliquez sur Orders By Customers pour afficher l'écran et vérifier les modifications.

Notez que les boutons Modifier et Supprimer sont maintenant manquants.
Pour fermer la fenêtre, cliquez sur le bouton Fermer dans le coin supérieur droit de la fenêtre d'application.

Pour rendre un écran en lecture seule

Développez le nœud DataGrid | Orders.
Développez le nœud Barre de commandes.
Sélectionnez le nœud Add, puis sur le Ruban Barre d'outils, cliquez sur le bouton Supprimer.
Sélectionnez le nœud DataGrid | Orders, puis sélectionnez Ligne de grille de données | Order.
Dans la fenêtre Propriétés, sélectionnez la case à cocher Utiliser des contrôles en lecture seule.

Cela empêche les utilisateurs de modifier des données dans la grille.
Appuyez sur F5 pour exécuter l'application, et dans le menu de navigation, cliquez sur Orders By Customers pour afficher l'écran et vérifier les modifications.

Notez que le bouton Ajouter a disparu, et que vous ne pouvez plus modifier des données dans la grille.
Pour fermer la fenêtre, cliquez sur le bouton Fermer dans le coin supérieur droit de la fenêtre d'application.

Présentation détaillée

Cette leçon a montré comment effectuer plusieurs tâches pour modifier l'apparence et le comportement de l'écran OrdersByCustomer.La leçon a également montré comment l'Arborescence de contenu de l'écran du Concepteur d'écran est liée à l'interface utilisateur dans l'écran actif.

Lorsque vous avez modifié la Description de l'écran, vous avez fourni une aide pour l'utilisateur final.Comme vous le savez, vous avez modifié la propriété Description du champ ContactName dans le Concepteur d'entités dans une leçon antérieure.Lorsque vous définissez la propriété Description dans le Concepteur d'entités, la modification est propagée à tous les écrans ; lorsque vous la définissez dans le Concepteur d'écran, seul l'écran que vous utilisez est modifié.

Lorsque vous avez modifié le type de contrôle pour le champ Company d'une Zone de texte en une Étiquette, vous avez pu noter que la liste de contrôles disponibles pour chaque champ inclut seulement les contrôles qui sont appropriés pour le type de données sous-jacent du champ.Par exemple, pour un champ Text, vous pouvez choisir une Zone de texte ou une Étiquette.Si vous avez installé une extension qui inclut un contrôle pour l'affichage de Text, ce contrôle s'affiche également dans la liste.Une autre leçon décrit les extensions.

Outre faire glisser un champ à un autre emplacement dans une liste, dans ce cas, la liste de clients, vous pouvez également faire glisser des champs du volet de gauche du Concepteur d'écran vers le volet central.Par exemple, si vous supprimez le champ City par erreur, vous pouvez le faire glisser à partir du nœud Customers dans le volet de gauche.

Lorsque vous avez désactivé les commandes Modifier et Supprimer dans la grille Orders, vous avez peut-être noté que vous pouviez encore modifier et supprimer les commandes directement dans la grille.Pour résoudre ce problème, vous avez rendu ultérieurement la grille Orders en lecture seule en définissant la propriété Utiliser des contrôles en lecture seule.La propriété Utiliser des contrôles en lecture seule affecte tous les nœuds qui se trouvent en dessous dans l'Arborescence de contenu de l'écran.Par exemple, si vous définissez la propriété Utiliser des contrôles en lecture seule pour le nœud Grille | Orders by Customers de niveau supérieur, l'écran entier passe en lecture seule.

[!REMARQUE]

Lorsque la propriété Utiliser des contrôles en lecture seule est définie, elle ne désactive pas les commandes Ajouter, Modifier et Supprimer.Les utilisateurs peuvent encore modifier des données lorsque ces commandes sont activées.