Bootstrap Template

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

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

Talen

Delphi, C++ Builder, .NET

Wijs BodyContent toe, lees HTML

Stel BodyContent in op uw gerenderde component-HTML, configureer optioneel Title, Theme en Language 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.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;

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.

Theme

htLight, htDark of htSystem; stelt data-bs-theme in op het <html>-element zodat het kleursysteem van Bootstrap correct schakelt.

Language

lang-attribuut op het <html>-element; standaard 'en'.

Direction

hdLTR of hdRTL; stelt het dir-attribuut in voor ondersteuning van rechts-naar-links-talen.

HeadContent

Extra HTML ingevoegd in <head> vóór de afsluitende tag; gebruik voor aangepaste <style>-blokken, <meta>-tags of extra <script>-verwijzingen.

Blijf verkennen

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

Klaar om te beginnen?

Download de gratis proefversie en begin met het bouwen van web-UI's in Delphi, C++ Builder en .NET.