Toast
TsgcHTMLComponent_Toast — render een Bootstrap 5 toast-melding met een titel, body, tijdstempel, kleur en automatisch verbergen, op het scherm geplaatst door een gepositioneerde container, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Toast — render een Bootstrap 5 toast-melding met een titel, body, tijdstempel, kleur en automatisch verbergen, op het scherm geplaatst door een gepositioneerde container, in Delphi, C++ Builder en .NET.
Een toast-component die Bootstrap 5 toast-markup genereert. Stel de titel, body en kleur in en lees vervolgens de eigenschap HTML — of roep de statische helper Build aan en verpak toasts in een gepositioneerde BuildContainer.
TsgcHTMLComponent_Toast
Bootstrap 5 toast-markup
Delphi, C++ Builder, .NET
Roep Build(title, body, color, timestamp) aan voor een snelle toast en verpak die in BuildContainer(toasts, position), of maak het component aan, stel AutoHide en Delay in en lees vervolgens HTML.
uses
sgcHTML_Enums, sgcHTML_Component_Toast;
// One-line static helper (primary form):
var
vToast: string;
begin
vToast := TsgcHTMLComponent_Toast.Build('Saved',
'Your changes were stored.', hcSuccess, 'just now');
WebModule.Response := TsgcHTMLComponent_Toast.BuildContainer(vToast,
tpTopEnd);
end;
// Or configure it fully:
var
oToast: TsgcHTMLComponent_Toast;
begin
oToast := TsgcHTMLComponent_Toast.Create(nil);
try
oToast.ToastID := 'saveToast';
oToast.Title := 'Saved';
oToast.Body := 'Your changes were stored.';
oToast.ColorStyle := hcSuccess;
oToast.Timestamp := 'just now';
oToast.AutoHide := True;
oToast.Delay := 4000;
WebModule.Response := oToast.HTML; // Bootstrap toast markup
finally
oToast.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Toast.hpp
// One-line static helper (primary form):
String toast = TsgcHTMLComponent_Toast::Build("Saved",
"Your changes were stored.", hcSuccess, "just now");
String html = TsgcHTMLComponent_Toast::BuildContainer(toast, tpTopEnd);
// Or configure it fully:
TsgcHTMLComponent_Toast *oToast = new TsgcHTMLComponent_Toast(NULL);
try
{
oToast->ToastID = "saveToast";
oToast->Title = "Saved";
oToast->Body = "Your changes were stored.";
oToast->ColorStyle = hcSuccess;
oToast->Timestamp = "just now";
oToast->AutoHide = true;
oToast->Delay = 4000;
String body = oToast->HTML; // Bootstrap toast markup
}
__finally
{
delete oToast;
}using esegece.sgcWebSockets;
// One-line static helper (primary form):
string toast = TsgcHTMLComponent_Toast.Build("Saved",
"Your changes were stored.", TsgcHTMLColor.hcSuccess, "just now");
string html = TsgcHTMLComponent_Toast.BuildContainer(toast,
TsgcHTMLToastPosition.tpTopEnd);
// Or configure it fully:
var t = new TsgcHTMLComponent_Toast();
t.ToastID = "saveToast";
t.Title = "Saved";
t.Body = "Your changes were stored.";
t.ColorStyle = TsgcHTMLColor.hcSuccess;
t.Timestamp = "just now";
t.AutoHide = true;
t.Delay = 4000;
string body = t.HTML; // Bootstrap toast markupDe members die je het vaakst gebruikt.
Title stelt de koptekst in, Body het bericht, Timestamp het kleine tijdlabel en Icon een inline-icoon vóór de titel.
ColorStyle neemt een TsgcHTMLColor (zoals hcSuccess of hcDanger); Color accepteert een onbewerkte Bootstrap-kleurnaam als string.
AutoHide sluit de toast automatisch na Delay milliseconden (standaard 5000); zet AutoHide op False om hem vastgepind te houden.
ToastID kent de element-id toe zodat je een specifieke toast vanuit JavaScript kunt tonen of verbergen.
Build(title, body, color, timestamp) geeft één toast terug; BuildContainer(toasts, position) verpakt ze in een vaste toast-container (TsgcHTMLToastPosition).
HTML geeft de volledige Bootstrap toast-markup terug — serveer het of wijs het toe aan de BodyContent van een paginasjabloon.