Popover
TsgcHTMLComponent_Popover — koppel een Bootstrap 5-popover met een titel en body aan elk trigger-element, met configureerbaar plaatsings-, trigger- en sluitgedrag, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Popover — koppel een Bootstrap 5-popover met een titel en body aan elk trigger-element, met configureerbaar plaatsings-, trigger- en sluitgedrag, in Delphi, C++ Builder en .NET.
Een popovercomponent die een trigger-element omhult met Bootstrap 5 popover-data-attributen en een auto-init-script. Stel de content, titel en body in en lees vervolgens de eigenschap HTML — of roep de statische Build-helper aan voor een one-liner.
TsgcHTMLComponent_Popover
Bootstrap 5 popover-markup
Delphi, C++ Builder, .NET
Roep BuildButton(text, title, body, style, placement) aan voor een popoverknop, of maak de component aan, stel Placement en Trigger in en lees vervolgens HTML.
uses
sgcHTML_Enums, sgcHTML_Component_Popover;
// One-line static helper (primary form):
var
vHTML: string;
begin
vHTML := TsgcHTMLComponent_Popover.BuildButton('More info',
'Pricing', 'All licenses include full source code.',
bsPrimary, plTop);
WebModule.Response := vHTML;
end;
// Or configure it fully:
var
oPop: TsgcHTMLComponent_Popover;
begin
oPop := TsgcHTMLComponent_Popover.Create(nil);
try
oPop.Content := '<a href="#" class="btn btn-info">Details</a>';
oPop.Title := 'Shipping';
oPop.Body := 'Free delivery on orders over 50.';
oPop.Placement := plRight;
oPop.Trigger := ptHover;
oPop.Dismissible := True;
WebModule.Response := oPop.HTML; // trigger + popover init script
finally
oPop.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Popover.hpp
// One-line static helper (primary form):
String html = TsgcHTMLComponent_Popover::BuildButton("More info",
"Pricing", "All licenses include full source code.",
bsPrimary, plTop);
// Or configure it fully:
TsgcHTMLComponent_Popover *oPop = new TsgcHTMLComponent_Popover(NULL);
try
{
oPop->Content = "<a href=\"#\" class=\"btn btn-info\">Details</a>";
oPop->Title = "Shipping";
oPop->Body = "Free delivery on orders over 50.";
oPop->Placement = plRight;
oPop->Trigger = ptHover;
oPop->Dismissible = true;
String html = oPop->HTML; // trigger + popover init script
}
__finally
{
delete oPop;
}using esegece.sgcWebSockets;
// One-line static helper (primary form):
string html = TsgcHTMLComponent_Popover.BuildButton("More info",
"Pricing", "All licenses include full source code.",
TsgcHTMLButtonStyle.bsPrimary, TsgcHTMLPlacement.plTop);
// Or configure it fully:
var pop = new TsgcHTMLComponent_Popover();
pop.Content = "<a href=\"#\" class=\"btn btn-info\">Details</a>";
pop.Title = "Shipping";
pop.Body = "Free delivery on orders over 50.";
pop.Placement = TsgcHTMLPlacement.plRight;
pop.Trigger = TsgcHTMLPopoverTrigger.ptHover;
pop.Dismissible = true;
string html = pop.HTML; // trigger + popover init scriptDe members die je het vaakst gebruikt.
Content is de inner-HTML van het trigger-element; wanneer leeg, wordt in plaats daarvan een gestylede knop gebruikt die wordt opgebouwd uit Title en ContentStyle.
Title stelt de kop van de popover in en Body de tekst ervan (de Bootstrap data-bs-content).
Placement positioneert de popover met plTop, plBottom, plLeft of plRight via TsgcHTMLPlacement.
Trigger selecteert ptClick, ptHover, ptFocus of ptManual; Dismissible sluit het bij de volgende klik buiten het venster.
AutoInit voegt een script toe dat new bootstrap.Popover aanroept voor elke popover; overschrijf het script via InitScript.
Build(content, title, body, placement, trigger) en BuildButton(text, title, body, style, placement) geven kant-en-klare markup terug; HTML stuurt de trigger plus het bijbehorende init-script uit.