Bootstrap Template — sgcHTML | eSeGeCe

Bootstrap Template

TsgcHTMLTemplate_Bootstrap — omhult elke HTML-body-inhoud in een volledig, op zichzelf staand Bootstrap 5-document met instelbaar thema, taal en tekstrichting.

In één oogopslag

TsgcHTMLTemplate_Bootstrap

De laagste documentomhulling in sgcHTML. Wijs uw samengestelde component-HTML toe aan BodyContent, configureer de instellingen op documentniveau en lees vervolgens HTML om een inzetbare, op zichzelf staande Bootstrap 5-pagina met ingebedde bronnen te verkrijgen.

Componentklasse

TsgcHTMLTemplate_Bootstrap

Rol

Volledige Bootstrap 5-documentomhulling

Familie

Infrastructuur & Engine

Talen

Delphi, C++ Builder, .NET

Snel starten

Wijs BodyContent toe, lees HTML

Stel BodyContent in op uw gerenderde component-HTML, configureer optioneel Title, HtmlTheme en HtmlLang en lees vervolgens de eigenschap HTML om een volledige, inzetbare pagina te verkrijgen.

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;

Referentie

Belangrijkste eigenschappen en methoden

De leden die u het vaakst gebruikt.

BodyContent

Het HTML-fragment geplaatst in het document <body>; wijs hier de aaneengesloten uitvoer van uw sgcHTML-componenten toe.

Title

Tekst voor het <title>-element in de documentkop.

HtmlTheme

String die naar data-bs-theme op het <html>-element wordt geschreven (bijvoorbeeld 'light' of 'dark') zodat het kleursysteem van Bootstrap correct schakelt. Voor automatisch licht / donker / systeem-schakelen koppel je een TsgcHTMLThemeBuilder (Mode = tmLight, tmDark of tmSystem) aan de eigenschap ThemeBuilder.

HtmlLang

lang-attribuut op het <html>-element; standaard 'en'. sgcHTML wordt ook geleverd met ingebouwde UI-tekst gelokaliseerd in 17 talen, selecteerbaar met sgcHTMLSetLanguage, zodat componenten renderen met de juiste native schriften (waaronder CJK, Cyrillisch en Arabisch).

HtmlDir

String die naar het dir-attribuut wordt geschreven (bijvoorbeeld 'ltr' of 'rtl') voor ondersteuning van rechts-naar-links-talen.

CustomHead

Extra HTML ingevoegd in <head>; gebruik voor aangepaste <meta>-tags of extra <script>-verwijzingen. Combineer het met CustomCSS voor inline <style>-blokken.

Bronnen

Blijf verkennen

	Online helpVolledige API-referentie en gebruikshandleiding voor dit onderdeel.	Open
	Alle sgcHTML-componentenBlader door de volledige functiematrix van 60+ componenten.	Open
	Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.	Open
	PrijzenEnkelvoudige, team- en sitelicenties met volledige broncode.	Open