Snackbar
TsgcHTMLComponent_Snackbar — render een transiente snackbar in Material-stijl met een optionele actielink, kleur, schermpositie en automatisch verbergen, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Snackbar — render een transiente snackbar in Material-stijl met een optionele actielink, kleur, schermpositie en automatisch verbergen, in Delphi, C++ Builder en .NET.
Een snackbar-component die scoped CSS plus een gepositioneerd markup-blok genereert. Stel het bericht, de kleur en de positie in en lees vervolgens de eigenschap HTML — of roep de statische helper Build aan voor een oneliner.
TsgcHTMLComponent_Snackbar
Scoped CSS + snackbar-markup
Delphi, C++ Builder, .NET
Roep Build(message, color, actionText, position) aan voor een snelle snackbar, of maak het component aan, stel ActionHref, AutoHide en Delay in en lees vervolgens 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 markupDe members die je het vaakst gebruikt.
Message is de tekst die in de snackbar wordt getoond; SnackbarID kent de element-id toe die wordt gebruikt om hem vanuit JavaScript te sluiten.
ActionText voegt een actieknop aan het eind toe; stel ActionHref in om er een link van te maken, anders sluit hij de snackbar bij een klik.
Color neemt een TsgcHTMLColor (standaard hcDark) en kleurt de achtergrond van de snackbar.
Position plaatst hem met sbBottom, sbTop, sbBottomLeft, sbBottomRight, sbTopLeft of sbTopRight (TsgcHTMLSnackbarPosition).
AutoHide verwijdert de snackbar na Delay milliseconden (standaard 4000) via een uitgestuurd timeout-script.
Build(message, color, actionText, position) geeft een kant-en-klare snackbar terug; HTML genereert de scoped CSS, de slide-in-markup en het auto-hide-script.