Bootstrap Template

TsgcHTMLTemplate_Bootstrap — bettet beliebigen HTML-Body-Inhalt in ein vollständiges, eigenständiges Bootstrap 5-Dokument mit konfigurierbarem Thema, Sprache und Textrichtung ein.

TsgcHTMLTemplate_Bootstrap

Der unterste Dokument-Wrapper in sgcHTML. Weisen Sie Ihr zusammengesetztes Komponenten-HTML BodyContent zu, konfigurieren Sie die Einstellungen auf Dokumentebene und lesen Sie dann HTML, um eine einsatzfertige, eigenständige Bootstrap 5-Seite mit eingebetteten Assets zu erhalten.

Komponentenklasse

TsgcHTMLTemplate_Bootstrap

Rolle

Vollständiger Bootstrap 5-Dokument-Wrapper

Sprachen

Delphi, C++ Builder, .NET

BodyContent zuweisen, HTML lesen

Setzen Sie BodyContent auf Ihr gerendertes Komponenten-HTML, konfigurieren Sie optional Title, Theme und Language und lesen Sie dann die Eigenschaft HTML, um eine vollständige, einsatzfertige Seite zu erhalten.

uses
  sgcHTML_Template_Bootstrap;

var
  oTemplate: TsgcHTMLTemplate_Bootstrap;
begin
  oTemplate := TsgcHTMLTemplate_Bootstrap.Create(nil);
  try
    oTemplate.Title       := 'My App';
    oTemplate.Theme       := htDark;
    oTemplate.Language    := 'en';
    oTemplate.BodyContent := oNavBar.HTML + oGrid.HTML;
    Response.ContentText  := oTemplate.HTML;
  finally
    oTemplate.Free;
  end;
end;
TsgcHTMLTemplate_Bootstrap *oTemplate = new TsgcHTMLTemplate_Bootstrap(NULL);
try
{
  oTemplate->Title       = "My App";
  oTemplate->Theme       = htDark;
  oTemplate->Language    = "en";
  oTemplate->BodyContent = oNavBar->HTML + oGrid->HTML;
  Response->ContentText  = oTemplate->HTML;
}
__finally { delete oTemplate; }
var template = new TsgcHTMLTemplate_Bootstrap();
template.Title       = "My App";
template.Theme       = TsgcHTMLTheme.htDark;
template.Language    = "en";
template.BodyContent = navbar.HTML + grid.HTML;
response.ContentText = template.HTML;

Wichtige Eigenschaften & Methoden

Die am häufigsten verwendeten Members.

BodyContent

Das HTML-Fragment, das im Dokument-<body> platziert wird; weisen Sie hier die verkettete Ausgabe Ihrer sgcHTML-Komponenten zu.

Title

Text für das <title>-Element im Dokumentkopf.

Theme

htLight, htDark oder htSystem; setzt data-bs-theme auf dem <html>-Element, damit das Bootstrap-Farbsystem korrekt wechselt.

Language

lang-Attribut auf dem <html>-Element; Standardwert ist 'en'.

Direction

hdLTR oder hdRTL; setzt das dir-Attribut für die Unterstützung von Rechts-nach-Links-Sprachen.

HeadContent

Zusätzliches HTML, das vor dem schließenden Tag in <head> eingefügt wird; verwenden Sie es für benutzerdefinierte <style>-Blöcke, <meta>-Tags oder zusätzliche <script>-Referenzen.

Weiter erkunden

Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente.
Alle sgcHTML-KomponentenDurchsuche die vollständige Feature-Matrix mit 60+ Komponenten.
Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.
PreiseEinzel-, Team- und Site-Lizenzen mit vollständigem Quellcode.

Bereit loszulegen?

Laden Sie die kostenlose Testversion herunter und beginnen Sie, Web-UIs in Delphi, C++ Builder und .NET zu erstellen.