Modal
TsgcHTMLComponent_Modal — render een Bootstrap 5-modaaldialoog met een titel, body, footer-knoppen, afmetingen en een gecentreerde of statische backdrop, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Modal — render een Bootstrap 5-modaaldialoog met een titel, body, footer-knoppen, afmetingen en een gecentreerde of statische backdrop, in Delphi, C++ Builder en .NET.
Een modaaldialoogcomponent die Bootstrap 5 modal-markup uitstuurt. Stel de titel, body en het formaat in, voeg footer-knoppen toe en lees vervolgens de eigenschap HTML — of roep de statische Build-helper aan voor een one-liner.
TsgcHTMLComponent_Modal
Bootstrap 5 modal-markup
Delphi, C++ Builder, .NET
Roep Build(id, title, body, footer, size) aan voor een snelle modal, of maak de component aan, voeg footer-knoppen toe met AddFooterButton en lees vervolgens HTML. Combineer het met BuildTriggerButton om het dialoog te openen.
uses
sgcHTML_Enums, sgcHTML_Component_Modal;
// One-line static helper (primary form):
var
vTrigger, vDialog: string;
begin
vTrigger := TsgcHTMLComponent_Modal.BuildTriggerButton('confirmModal',
'Delete account', bsDanger);
vDialog := TsgcHTMLComponent_Modal.Build('confirmModal',
'Please confirm', 'This action cannot be undone.',
'', msDefault);
WebModule.Response := vTrigger + vDialog;
end;
// Or configure it fully and add custom footer buttons:
var
oModal: TsgcHTMLComponent_Modal;
begin
oModal := TsgcHTMLComponent_Modal.Create(nil);
try
oModal.ModalID := 'confirmModal';
oModal.Title := 'Please confirm';
oModal.Body := 'This action cannot be undone.';
oModal.Size := msLarge;
oModal.Centered := True;
oModal.StaticBackdrop := True;
oModal.AddFooterButton('Cancel', bsSecondary, True);
oModal.AddFooterButton('Delete', bsDanger);
WebModule.Response := oModal.HTML; // Bootstrap modal markup
finally
oModal.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Modal.hpp
// One-line static helper (primary form):
String trigger = TsgcHTMLComponent_Modal::BuildTriggerButton("confirmModal",
"Delete account", bsDanger);
String dialog = TsgcHTMLComponent_Modal::Build("confirmModal",
"Please confirm", "This action cannot be undone.",
"", msDefault);
// Or configure it fully and add custom footer buttons:
TsgcHTMLComponent_Modal *oModal = new TsgcHTMLComponent_Modal(NULL);
try
{
oModal->ModalID = "confirmModal";
oModal->Title = "Please confirm";
oModal->Body = "This action cannot be undone.";
oModal->Size = msLarge;
oModal->Centered = true;
oModal->StaticBackdrop = true;
oModal->AddFooterButton("Cancel", bsSecondary, true);
oModal->AddFooterButton("Delete", bsDanger);
String html = oModal->HTML; // Bootstrap modal markup
}
__finally
{
delete oModal;
}using esegece.sgcWebSockets;
// One-line static helper (primary form):
string trigger = TsgcHTMLComponent_Modal.BuildTriggerButton("confirmModal",
"Delete account", TsgcHTMLButtonStyle.bsDanger);
string dialog = TsgcHTMLComponent_Modal.Build("confirmModal",
"Please confirm", "This action cannot be undone.",
"", TsgcHTMLModalSize.msDefault);
// Or configure it fully and add custom footer buttons:
var modal = new TsgcHTMLComponent_Modal();
modal.ModalID = "confirmModal";
modal.Title = "Please confirm";
modal.Body = "This action cannot be undone.";
modal.Size = TsgcHTMLModalSize.msLarge;
modal.Centered = true;
modal.StaticBackdrop = true;
modal.AddFooterButton("Cancel", TsgcHTMLButtonStyle.bsSecondary, true);
modal.AddFooterButton("Delete", TsgcHTMLButtonStyle.bsDanger);
string html = modal.HTML; // Bootstrap modal markupDe members die je het vaakst gebruikt.
Title stelt de header in, Body bevat de dialoogcontent en Footer neemt ruwe footer-HTML; ModalID is de element-id die door triggers wordt gebruikt.
AddFooterButton(text, style, closeOnClick) voegt een gestylede knop toe; geef True door voor closeOnClick om de modal te sluiten bij een klik.
Size selecteert msDefault, msSmall, msLarge, msXLarge of msFullscreen via TsgcHTMLModalSize.
Centered centreert het dialoog verticaal, Scrollable laat een lange body scrollen, StaticBackdrop blokkeert het sluiten bij een klik buiten het venster en ShowClose schakelt de X in de header in of uit.
Build(id, title, body, footer, size) geeft een kant-en-klare modal terug; BuildTriggerButton(modalID, text, style) stuurt een knop uit die deze opent.
HTML geeft de volledige Bootstrap modal-markup terug — serveer het of wijs het toe aan de BodyContent van een paginasjabloon.