Auf einen Blick

TsgcHTMLComponent_Snackbar

Eine Snackbar-Komponente, die scoped CSS sowie einen positionierten Markup-Block ausgibt. Setzen Sie Nachricht, Farbe und Position und lesen Sie dann die HTML-Eigenschaft — oder rufen Sie den statischen Build-Helfer für einen Einzeiler auf.

Komponentenklasse

TsgcHTMLComponent_Snackbar

Rendert

Scoped CSS + Snackbar-Markup

Familie

Overlays & Feedback

Sprachen

Delphi, C++ Builder, .NET

QuickStart

In einer Zeile erstellen oder vollständig konfigurieren

Rufen Sie Build(message, color, actionText, position) für eine schnelle Snackbar auf oder erstellen Sie die Komponente, setzen Sie ActionHref, AutoHide und Delay und lesen Sie dann 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

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Inhalt

Message ist der in der Snackbar angezeigte Text; SnackbarID weist die Element-id zu, die zum Schließen aus JavaScript verwendet wird.

Aktion

ActionText fügt eine nachgestellte Aktionsschaltfläche hinzu; setzen Sie ActionHref, um sie zu einem Link zu machen, andernfalls schließt sie die Snackbar beim Klick.

Farbe

Color nimmt einen TsgcHTMLColor (Standard hcDark) und färbt den Snackbar-Hintergrund.

Position

Position platziert sie mit sbBottom, sbTop, sbBottomLeft, sbBottomRight, sbTopLeft oder sbTopRight (TsgcHTMLSnackbarPosition).

Auto-Ausblenden

AutoHide entfernt die Snackbar nach Delay Millisekunden (Standard 4000) über ein ausgegebenes Timeout-Skript.

Statischer Helfer & Ausgabe

Build(message, color, actionText, position) gibt eine fertige Snackbar zurück; HTML gibt das scoped CSS, das Slide-in-Markup und das Auto-Ausblenden-Skript aus.

Ressourcen

Weiter entdecken

	Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 60 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen

Snackbar