Aller au contenu principal

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​

OptionTypeDéfautDescription
CloseButtonbooltrueAffiche un bouton de fermeture.
DebugboolfalseActive le mode de débogage de la bibliothèque de toast.
NewestOnTopboolfalseAffiche les nouveaux messages au-dessus des précédents si la valeur est true.
ProgressBarbooltrueAffiche une barre de progression indiquant la durée d'affichage restante.
PreventDuplicatesboolfalseÉvite d'afficher simultanément deux messages de même contenu.
PositionPositionPosition.TopRightDéfinit la position des toasts.
PositionClassstringCalculéClasse CSS calculée à partir de Position.
OnclickstringnullCallback JavaScript appelé au clic sur un toast.
ShowDurationint300Durée de l'animation d'apparition, en millisecondes.
HideDurationint1000Durée de l'animation de disparition, en millisecondes.
TimeOutint5000Délai avant fermeture automatique des messages non erreur.
ExtendedTimeOutint1000Délai avant fermeture après survol.
ShowEasingstring"swing"Fonction CSS d'assouplissement pour l'apparition.
HideEasingstring"linear"Fonction CSS d'assouplissement pour la disparition.
ShowMethodstring"fadeIn"Animation utilisée à l'apparition.
HideMethodstring"fadeOut"Animation utilisée à la disparition.

Positions possibles​

ValeurClasse CSS calculée
Position.TopLefttoast-top-left
Position.TopRighttoast-top-right
Position.BottomLefttoast-bottom-left
Position.BottomRighttoast-bottom-right
Position.TopCentertoast-top-center
Position.BottomCentertoast-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").