Snackbar

TsgcHTMLComponent_Snackbar — affichez un snackbar transitoire de style Material avec un lien d'action optionnel, une couleur, une position à l'écran et un masquage automatique, en Delphi, C++ Builder et .NET.

En bref

TsgcHTMLComponent_Snackbar

Un composant snackbar qui émet du CSS dédié plus un bloc de balisage positionné. Définissez le message, la couleur et la position, puis lisez la propriété HTML — ou appelez l'assistant statique Build pour une seule ligne.

Classe du composant

TsgcHTMLComponent_Snackbar

Produit

CSS dédié + balisage de snackbar

Famille

Surcouches & Retours

Langages

Delphi, C++ Builder, .NET

QuickStart

Construisez-le en une ligne, ou configurez-le entièrement

Appelez Build(message, color, actionText, position) pour un snackbar rapide, ou créez le composant, définissez ActionHref, AutoHide et Delay, puis lisez HTML.

uses
  sgcHTML_Enums, sgcHTML_Component_Snackbar;

// One-line static helper (primary form):
var
  vHTML: string;
begin
  vHTML := TsgcHTMLComponent_Snackbar.Build('Message sent.',
    hcSuccess, 'Undo', sbBottomRight);
  WebModule.Response := vHTML;
end;

// Or configure it fully:
var
  oSB: TsgcHTMLComponent_Snackbar;
begin
  oSB := TsgcHTMLComponent_Snackbar.Create(nil);
  try
    oSB.Message := 'Message sent.';
    oSB.Color := hcSuccess;
    oSB.Position := sbBottomRight;
    oSB.ActionText := 'Undo';
    oSB.ActionHref := '/undo';
    oSB.AutoHide := True;
    oSB.Delay := 4000;

    WebModule.Response := oSB.HTML;   // scoped CSS + snackbar markup
  finally
    oSB.Free;
  end;
end;

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Snackbar.hpp

// One-line static helper (primary form):
String html = TsgcHTMLComponent_Snackbar::Build("Message sent.",
  hcSuccess, "Undo", sbBottomRight);

// Or configure it fully:
TsgcHTMLComponent_Snackbar *oSB = new TsgcHTMLComponent_Snackbar(NULL);
try
{
  oSB->Message = "Message sent.";
  oSB->Color = hcSuccess;
  oSB->Position = sbBottomRight;
  oSB->ActionText = "Undo";
  oSB->ActionHref = "/undo";
  oSB->AutoHide = true;
  oSB->Delay = 4000;

  String html = oSB->HTML;   // scoped CSS + snackbar markup
}
__finally
{
  delete oSB;
}

using esegece.sgcWebSockets;

// One-line static helper (primary form):
string html = TsgcHTMLComponent_Snackbar.Build("Message sent.",
    TsgcHTMLColor.hcSuccess, "Undo", TsgcHTMLSnackbarPosition.sbBottomRight);

// Or configure it fully:
var sb = new TsgcHTMLComponent_Snackbar();
sb.Message = "Message sent.";
sb.Color = TsgcHTMLColor.hcSuccess;
sb.Position = TsgcHTMLSnackbarPosition.sbBottomRight;
sb.ActionText = "Undo";
sb.ActionHref = "/undo";
sb.AutoHide = true;
sb.Delay = 4000;

string html = sb.HTML;   // scoped CSS + snackbar markup

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Contenu

Message est le texte affiché dans le snackbar ; SnackbarID attribue l'identifiant d'élément utilisé pour le fermer depuis JavaScript.

Action

ActionText ajoute un bouton d'action en fin ; définissez ActionHref pour en faire un lien, sinon il ferme le snackbar au clic.

Couleur

Color prend un TsgcHTMLColor (par défaut hcDark) et teinte l'arrière-plan du snackbar.

Position

Position le place avec sbBottom, sbTop, sbBottomLeft, sbBottomRight, sbTopLeft ou sbTopRight (TsgcHTMLSnackbarPosition).

Masquage automatique

AutoHide supprime le snackbar après Delay millisecondes (4000 par défaut) via un script de délai d'attente émis.

Assistant statique & sortie

Build(message, color, actionText, position) renvoie un snackbar prêt ; HTML émet le CSS dédié, le balisage à glissement et le script de masquage automatique.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir