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 — bettet beliebigen HTML-Body-Inhalt in ein vollständiges, eigenständiges Bootstrap 5-Dokument mit konfigurierbarem Thema, Sprache und Textrichtung ein.
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.
TsgcHTMLTemplate_Bootstrap
Vollständiger Bootstrap 5-Dokument-Wrapper
Delphi, C++ Builder, .NET
Setzen Sie BodyContent auf Ihr gerendertes Komponenten-HTML, konfigurieren Sie optional Title, HtmlTheme und HtmlLang 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.HtmlTheme := 'dark';
oTemplate.HtmlLang := '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->HtmlTheme = "dark";
oTemplate->HtmlLang = "en";
oTemplate->BodyContent = oNavBar->HTML + oGrid->HTML;
Response->ContentText = oTemplate->HTML;
}
__finally { delete oTemplate; }var template = new TsgcHTMLTemplate_Bootstrap();
template.Title = "My App";
template.HtmlTheme = "dark";
template.HtmlLang = "en";
template.BodyContent = navbar.HTML + grid.HTML;
response.ContentText = template.HTML;Die am häufigsten verwendeten Members.
Das HTML-Fragment, das im Dokument-<body> platziert wird; weisen Sie hier die verkettete Ausgabe Ihrer sgcHTML-Komponenten zu.
Text für das <title>-Element im Dokumentkopf.
Zeichenkette, die in data-bs-theme auf dem <html>-Element geschrieben wird (zum Beispiel 'light' oder 'dark'), damit das Bootstrap-Farbsystem korrekt wechselt. Für automatisches Hell-/Dunkel-/System-Umschalten binden Sie einen TsgcHTMLThemeBuilder (Mode = tmLight, tmDark oder tmSystem) in die Eigenschaft ThemeBuilder ein.
lang-Attribut auf dem <html>-Element; Standardwert ist 'en'. sgcHTML liefert außerdem integrierten UI-Text, lokalisiert in 17 Sprachen, auswählbar mit sgcHTMLSetLanguage, sodass Komponenten mit korrekten nativen Schriften dargestellt werden (einschließlich CJK, Kyrillisch und Arabisch).
Zeichenkette, die in das dir-Attribut geschrieben wird (zum Beispiel 'ltr' oder 'rtl'), für die Unterstützung von Rechts-nach-Links-Sprachen.
Zusätzliches HTML, das in <head> eingefügt wird; verwenden Sie es für benutzerdefinierte <meta>-Tags oder zusätzliche <script>-Referenzen. Kombinieren Sie es mit CustomCSS für Inline-<style>-Blöcke.
| Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente. | Öffnen | |
| Alle sgcHTML-KomponentenDurchsuche die vollständige Feature-Matrix mit 60+ Komponenten. | Öffnen | |
| Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte. | Öffnen | |
| PreiseEinzel-, Team- und Site-Lizenzen mit vollständigem Quellcode. | Öffnen |