Composants graphiques
Cette section référence les composants Blazor de Lagoon (préfixe Lg).
Cette section référence les composants Blazor de Lagoon (préfixe Lg).
Lagoon ne fournit pas de composant chart natif.
LgAccordion regroupe plusieurs panneaux LgAccordionPane et garantit qu'un seul panneau reste ouvert à la fois.
LgActionPanel affiche une zone horizontale combinant un contenu d'action principal à gauche et une barre d'outils à droite.
Conditionner l'affichage et l'édition d'une zone de l'interface aux policies, et propager des policies validées à un sous-arbre.
LgBanner affiche une information contextuelle persistante dans la page : alerte fonctionnelle, confirmation, maintenance, absence de connexion ou message global.
LgBigMessage affiche un message d'information centré avec une icône, un titre, une description et, si besoin, un contenu complémentaire.
LgBreadcrumbTrail affiche un fil d'Ariane pour situer l'utilisateur dans la navigation.
LgButton est le composant bouton de Lagoon.
LgCalendar affiche un calendrier annuel, ou une période couvrant plusieurs mois, avec une ligne par jour.
LgCard affiche un bloc de contenu libre pouvant devenir cliquable, navigable ou commandable.
LgCircleProgress affiche l'avancement d'un traitement sous forme circulaire.
LgCopyButton est un bouton qui copie une valeur dans le presse-papiers du navigateur lorsqu'il est cliqué.
LgCrudToolbarButton spécialise LgToolbarButton pour les menus de toolbar qui doivent proposer des actions secondaires de type renommer, enregistrer et supprimer à droite de l'entrée principale.
LgDocument télécharge un document depuis une URI de contrôleur, crée une URL blob côté navigateur et l'affiche sous forme d'image, de vidéo ou de cadre intégré.
LgEmptyMessage affiche un état vide lorsqu'une zone ne contient aucune donnée.
LgFilterFrame étend LgFrame pour construire un panneau de filtres prêt à l'emploi.
LgFrame est le conteneur standard de Lagoon pour regrouper un en-tête, un corps, un résumé et un pied de page.
LgGridBooleanColumn<TColumnValue> affiche une valeur booléenne sous forme de case à cocher.
LgGridColorColumn<TColumnValue> édite une couleur depuis une palette.
LgGridCommandColumn affiche un bouton de commande unique ou un menu de commandes personnalisées.
LgGridCustomColumn<TColumnValue> est la colonne de LgGridView liée à une valeur de type quelconque.
LgGridDateColumn<TColumnValue> affiche et édite une date avec une précision jour ou mois.
LgGridEditColumn hérite de LgGridCommandColumn et ajoute les boutons Modifier / Sauvegarder / Annuler / Supprimer pour l'édition en mode ligne.
LgGridEnumColumn<TColumnValue> affiche et édite une valeur d'énumération avec un filtre de sélection adapté.
LgGridEnumListColumn<TColumnValue> gère une liste d'énumérations avec édition et filtre en multi-sélection.
LgGridImageColumn<TItem> affiche une image à partir d'une URL ou d'un chemin calculé à partir de la valeur liée.
LgGridMonthColumn<TColumnValue> affiche et édite le mois (MM/yyyy) d'une valeur date.
LgGridNumericColumn<TColumnValue> affiche et édite des valeurs numériques avec formatage, préfixe et suffixe.
LgGridSelectColumn<TColumnValue, TDataSourceItem> lie une valeur à une source de données de type liste pour l'affichage, l'édition et le filtrage.
LgGridSelectionColumn ajoute une case à cocher par ligne pour la sélection multiple ou un comportement radio pour la sélection unique.
LgGridSelectMultipleColumn<TColumnValue, TDataSourceItem> édite et filtre une collection de valeurs à partir d'une source de données partagée.
LgGridSeparatorColumn ajoute un séparateur visuel vertical entre deux groupes de colonnes, notamment en mode Card.
LgGridSummaryColumn<TColumnValue> est adaptée aux longs textes et au contenu HTML éditable.
LgGridTagBoxColumn gère des tags texte libres.
LgGridTextColumn est la colonne texte de LgGridView, liée à une valeur string.
LgGridTimeColumn<TColumnValue> affiche et édite des heures ou des durées.
LgGridView<TItem> est la grille de données standard de Lagoon.
LgGridWeekColumn<TColumnValue> affiche et édite la semaine (numéro de semaine) d'une valeur date.
LgGridYearColumn<TColumnValue> affiche l'année (yyyy) d'une valeur date.
LgHtmlEditor est un champ de saisie HTML basé sur Jodit.
LgHyperlink est le composant Lagoon de lien hypertexte.
Affiche une icône de la bibliothèque Lagoon, avec bulle d'aide et clic optionnels.
LgInputFile est le composant Lagoon de sélection, téléversement, téléchargement et suppression de fichiers liés.
Libellé traduit, associable à un champ par l'attribut for, avec bulle d'aide.
LgLabelAction affiche une valeur (en lecture) accompagnée d'un libellé et d'un bouton d'action.
LgLeafletMap affiche une carte Leaflet dans une application Lagoon.
LgListView<TItem> présente une collection sous forme de liste ou de grille de cartes cliquables, avec chargement local ou distant, tri déclaratif, filtres, pagination, regroupement, sélection, élément actif, glisser-déposer, virtualisation et persistance d'état.
LgLoaderView affiche un état de chargement puis remplace automatiquement le loader par le contenu final.
LgMenuConfiguration centralise la déclaration du menu principal, de la sidebar et des barres d'outils de l'application.
LgMenuItem représente une entrée de navigation ou d'action dans le menu principal, la sidebar ou une barre d'outils.
LgMenuSeparator insère un trait de séparation dans le menu pour isoler visuellement des groupes d'actions.
LgMenuTitle affiche un titre de section dans le menu.
Fenêtre modale déplaçable avec titre, contenu, pied de page, barre d'outils et confirmation de fermeture.
LgNavigationBox est une zone de recherche de navigation.
LgNavLink est le lien de navigation Lagoon qui reprend le comportement de LgHyperlink et ajoute automatiquement la classe CSS active lorsque la page
LgNotificationCounter affiche une valeur numérique dans une pastille de notification.
LgNotificationItem<TItem> rend une notification individuelle : titre, description, date, icône, actions de lecture / non-lecture et suppression.
LgNotificationMenuItem<TItem> ajoute au menu Lagoon une entrée de notifications avec icône, compteur de non-lues et, par défaut, une liste déroulante synchronisée par INotificationService<TItem>.
LgPager rend une barre de pagination compacte avec navigation précédente/suivante et boutons de pages.
LgPasteButton est un bouton qui récupère le texte du presse-papiers du navigateur lorsqu'il est cliqué.
LgProgress affiche l'avancement d'un traitement sous forme de barre horizontale.
LgSideTabContainer propose une navigation par onglets avec une colonne latérale redimensionnable.
LgSlider<T> est le composant d’entrée Lagoon qui permet de choisir une valeur unique sur une échelle bornée.
LgSliderRange<T> est le composant d’entrée Lagoon qui permet de choisir une plage entre deux bornes sur une même échelle.
LgSplitContainer dispose deux zones côte à côte ou l'une au-dessus de l'autre, séparées par un grip redimensionnable.
LgTabContainer pilote une navigation par onglets horizontaux dans l'application.
LgTimelineContainer organise une suite de LgTimelineStep dans une timeline horizontale.
LgTimelineStep représente une étape dans un LgTimelineContainer.
Titre de section rendu en h1 à h6, avec texte traduit.
LgToolbar est le conteneur de barre d'outils Lagoon.
LgToolbarButton est la variante de LgButton adaptée aux barres d'outils Lagoon.
LgToolbarGroup regroupe plusieurs éléments d'une LgToolbar dans un conteneur btn-group.
LgToolbarMenu ajoute un menu déroulant à une LgToolbar.
LgTreeView<TItem> affiche des données hiérarchiques sous forme d'arborescence repliable.
LgWorkScheduler<TItem> affiche des tâches et des jalons sur une échelle de temps horizontale.
Les notifications utilisateur Lagoon permettent d'envoyer des messages persistants à un ou plusieurs utilisateurs, de les synchroniser en temps réel avec SignalR et de les conserver côté navigateur dans IndexedDB pour…
Les notifications WebPush affichent une notification du navigateur au niveau du système d'exploitation, même lorsque l'application Lagoon n'est pas au premier plan.
Le Remote Progress permet de lancer une tâche longue côté serveur, de libérer rapidement la requête HTTP, puis de suivre sa progression côté Blazor via SignalR.
Les toasts Lagoon affichent des retours brefs et non bloquants : succès, information, avertissement ou erreur.