Panel
TsgcHTMLComponent_Panel — renderuje kartę panelu Bootstrap z nagłówkiem, treścią i stopką, opcjonalnie zwijaną i przewijalną, w Delphi, C++ Builder i .NET.
TsgcHTMLComponent_Panel — renderuje kartę panelu Bootstrap z nagłówkiem, treścią i stopką, opcjonalnie zwijaną i przewijalną, w Delphi, C++ Builder i .NET.
Panel treści w ramce zbudowany na elemencie card Bootstrap. Ustaw tytuł i treść, wybierz kolor, przełącz zwijanie lub przewijanie, a następnie odczytaj właściwość HTML.
TsgcHTMLComponent_Panel
Znaczniki card Bootstrap 5
Delphi, C++ Builder, .NET
Przypisz Title, Body i Footer, wybierz Color, a następnie odczytaj HTML — albo użyj statycznej, jednolinijkowej metody pomocniczej Build.
uses
sgcHTML_Enums, sgcHTML_Component_Panel;
var
oPanel: TsgcHTMLComponent_Panel;
begin
oPanel := TsgcHTMLComponent_Panel.Create(nil);
try
oPanel.Title := 'Account Summary';
oPanel.Body := '<p>Your plan renews on the 1st.</p>';
oPanel.Footer := 'Last updated today';
oPanel.Color := hcLight;
oPanel.Collapsible := True;
oPanel.Expanded := True;
WebModule.Response := oPanel.HTML; // Bootstrap card
finally
oPanel.Free;
end;
end;
// Or in a single line with the static helper:
Result := TsgcHTMLComponent_Panel.Build('Account Summary',
'<p>Your plan renews on the 1st.</p>', hcLight, 'Last updated today');// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Panel.hpp
TsgcHTMLComponent_Panel *oPanel = new TsgcHTMLComponent_Panel(NULL);
try
{
oPanel->Title = "Account Summary";
oPanel->Body = "<p>Your plan renews on the 1st.</p>";
oPanel->Footer = "Last updated today";
oPanel->Color = hcLight;
oPanel->Collapsible = true;
oPanel->Expanded = true;
String html = oPanel->HTML; // Bootstrap card
}
__finally
{
delete oPanel;
}
// Or in a single line with the static helper:
String html = TsgcHTMLComponent_Panel::Build("Account Summary",
"<p>Your plan renews on the 1st.</p>", hcLight, "Last updated today");using esegece.sgcWebSockets;
var panel = new TsgcHTMLComponent_Panel();
panel.Title = "Account Summary";
panel.Body = "<p>Your plan renews on the 1st.</p>";
panel.Footer = "Last updated today";
panel.Color = TsgcHTMLColor.hcLight;
panel.Collapsible = true;
panel.Expanded = true;
string html = panel.HTML; // Bootstrap card
// Or in a single line with the static helper:
string oneLine = TsgcHTMLComponent_Panel.Build("Account Summary",
"<p>Your plan renews on the 1st.</p>", TsgcHTMLColor.hcLight, "Last updated today");Składniki, po które sięgasz najczęściej.
Title ustawia nagłówek karty, Body główną treść HTML, a Footer opcjonalny wiersz stopki.
Color (TsgcHTMLColor) wybiera kolor motywu; Outline renderuje wariant z obramowaniem zamiast wypełnionego tła.
Collapsible zamienia nagłówek w przełącznik, a Expanded ustawia, czy treść jest początkowo otwarta.
Scrollable z MaxHeight ogranicza wysokość treści i dodaje pionowe przewijanie dla długiej zawartości.
PanelID przypisuje karcie jawny identyfikator DOM, używany jako kotwica celu zwijania.
Build(aTitle, aBody, aColor, aFooter) zwraca HTML panelu w pojedynczym statycznym wywołaniu; HTML renderuje skonfigurowaną instancję.