Configuration des toasters
Les options des toasters peuvent être modifiées globalement côté client. Les valeurs configurées s'appliquent à tous les toasts affichés ensuite. Sans configuration explicite, Lagoon utilise les valeurs par défaut de LgToastrOptions.
Configuration globale
Dans le projet Client, configurez les options dans Main.cs, via OnConfigureBehavior.
Main.cs
public class Main : LgCustomApplication
{
protected override void OnConfigureBehavior(ApplicationBehavior app)
{
// Applique une position et une durée communes à tous les toasts.
app.Toastr.Position = Position.TopRight;
app.Toastr.ProgressBar = false;
app.Toastr.TimeOut = 5000;
}
}
Options disponibles
| Option | Type | Défaut | Description |
|---|---|---|---|
CloseButton | bool | true | Affiche un bouton de fermeture. |
Debug | bool | false | Active le mode de débogage de la bibliothèque de toast. |
NewestOnTop | bool | false | Affiche les nouveaux messages au-dessus des précédents si la valeur est true. |
ProgressBar | bool | true | Affiche une barre de progression indiquant la durée d'affichage restante. |
PreventDuplicates | bool | false | Évite d'afficher simultanément deux messages de même contenu. |
Position | Position | Position.TopRight | Définit la position des toasts. |
PositionClass | string | Calculé | Classe CSS calculée à partir de Position. |
Onclick | string | null | Callback JavaScript appelé au clic sur un toast. |
ShowDuration | int | 300 | Durée de l'animation d'apparition, en millisecondes. |
HideDuration | int | 1000 | Durée de l'animation de disparition, en millisecondes. |
TimeOut | int | 5000 | Délai avant fermeture automatique des messages non erreur. |
ExtendedTimeOut | int | 1000 | Délai avant fermeture après survol. |
ShowEasing | string | "swing" | Fonction CSS d'assouplissement pour l'apparition. |
HideEasing | string | "linear" | Fonction CSS d'assouplissement pour la disparition. |
ShowMethod | string | "fadeIn" | Animation utilisée à l'apparition. |
HideMethod | string | "fadeOut" | Animation utilisée à la disparition. |
Positions possibles
| Valeur | Classe CSS calculée |
|---|---|
Position.TopLeft | toast-top-left |
Position.TopRight | toast-top-right |
Position.BottomLeft | toast-bottom-left |
Position.BottomRight | toast-bottom-right |
Position.TopCenter | toast-top-center |
Position.BottomCenter | toast-bottom-center |
info
Les options sont des paramètres de comportement global. L'affichage d'un toast depuis une page ou un composant se fait ensuite avec les méthodes héritées de LgComponentBase, par exemple ShowSuccess("#OrderSaved").