Bootstrap Template — sgcHTML | eSeGeCe

Bootstrap Template

TsgcHTMLTemplate_Bootstrap — avvolge qualsiasi contenuto del body HTML in un documento Bootstrap 5 completo e autonomo con tema, lingua e direzione del testo configurabili.

TsgcHTMLTemplate_Bootstrap

Il wrapper di documento di livello più basso in sgcHTML. Assegna l'HTML del componente composto a BodyContent, configura le impostazioni a livello di documento, poi leggi HTML per ottenere una pagina Bootstrap 5 deployabile e autonoma con risorse incorporate.

Classe del componente

TsgcHTMLTemplate_Bootstrap

Ruolo

Wrapper documento Bootstrap 5 completo

Linguaggi

Delphi, C++ Builder, .NET

Assegna BodyContent, leggi HTML

Imposta BodyContent sull'HTML del componente renderizzato, configura opzionalmente Title, HtmlTheme e HtmlLang, poi leggi la proprietà HTML per ottenere una pagina completa e deployabile.

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;

Proprietà e metodi principali

I membri utilizzati più frequentemente.

BodyContent

Il frammento HTML inserito dentro il <body> del documento; assegna qui l'output concatenato dei tuoi componenti sgcHTML.

Title

Testo per l'elemento <title> nell'intestazione del documento.

HtmlTheme

Stringa scritta in data-bs-theme sull'elemento <html> (ad esempio 'light' o 'dark') in modo che il sistema di colori di Bootstrap si attivi correttamente. Per il passaggio automatico chiaro / scuro / sistema, collega un TsgcHTMLThemeBuilder (Mode = tmLight, tmDark o tmSystem) alla proprietà ThemeBuilder.

HtmlLang

Attributo lang sull'elemento <html>; predefinito 'en'. sgcHTML include inoltre testo UI integrato localizzato in 17 lingue, selezionabile con sgcHTMLSetLanguage, così che i componenti vengano renderizzati con i corretti alfabeti nativi (inclusi CJK, cirillico e arabo).

HtmlDir

Stringa scritta nell'attributo dir (ad esempio 'ltr' o 'rtl') per il supporto delle lingue da destra a sinistra.

CustomHead

HTML extra inserito in <head>; usalo per tag <meta> personalizzati o riferimenti <script> aggiuntivi. Abbinalo a CustomCSS per blocchi <style> inline.

Continua ad esplorare

Guida in lineaRiferimento API completo e guida all'uso per questo componente.
Tutti i componenti sgcHTMLSfoglia la matrice completa di 60+ componenti.
Scarica la versione di prova gratuitaLa versione di prova di 30 giorni include i progetti demo 60.HTML.
PrezziLicenze Single, Team e Site con codice sorgente completo.

Pronto per iniziare?

Scarica la versione di prova gratuita e inizia a creare interfacce web in Delphi, C++ Builder e .NET.