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, Theme e Language, 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.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;

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.

Theme

htLight, htDark o htSystem; imposta data-bs-theme sull'elemento <html> in modo che il sistema di colori di Bootstrap si attivi correttamente.

Language

Attributo lang sull'elemento <html>; predefinito 'en'.

Direction

hdLTR o hdRTL; imposta l'attributo dir per il supporto delle lingue da destra a sinistra.

HeadContent

HTML extra inserito in <head> prima del tag di chiusura; usalo per blocchi <style> personalizzati, tag <meta> o riferimenti <script> aggiuntivi.

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.