Page Builder

TsgcHTMLPageBuilder — assembla i componenti sgcHTML registrati in una pagina Bootstrap 5 completa, con un editor visivo a design time nell'IDE Delphi.

TsgcHTMLPageBuilder

Un livello di composizione ad alto livello che accetta un elenco ordinato di componenti sgcHTML, avvolge il loro output HTML combinato in un documento Bootstrap 5 tramite TsgcHTMLTemplate_Bootstrap e restituisce la pagina completata. Supporta l'anteprima a design time nell'IDE Delphi.

Classe del componente

TsgcHTMLPageBuilder

Ruolo

Composizione visiva delle pagine

Linguaggi

Delphi, C++ Builder, .NET

Registra i componenti, chiama GetHTML

Inserisci un TsgcHTMLPageBuilder nel form, registra i tuoi componenti sgcHTML nell'ordine desiderato, imposta il titolo e il tema, poi chiama GetHTML per ottenere l'HTML completo della pagina.

uses
  sgcHTML_PageBuilder;

var
  oBuilder: TsgcHTMLPageBuilder;
begin
  oBuilder := TsgcHTMLPageBuilder.Create(nil);
  try
    oBuilder.Title := 'Sales Dashboard';
    oBuilder.Theme := ptDark;
    oBuilder.RegisterComponent(oNavBar);
    oBuilder.RegisterComponent(oStatCard);
    oBuilder.RegisterComponent(oChart);
    Result := oBuilder.GetHTML;
  finally
    oBuilder.Free;
  end;
end;
TsgcHTMLPageBuilder *oBuilder = new TsgcHTMLPageBuilder(NULL);
try
{
  oBuilder->Title = "Sales Dashboard";
  oBuilder->Theme = ptDark;
  oBuilder->RegisterComponent(oNavBar);
  oBuilder->RegisterComponent(oStatCard);
  oBuilder->RegisterComponent(oChart);
  String html = oBuilder->GetHTML();
}
__finally { delete oBuilder; }
var builder = new TsgcHTMLPageBuilder();
builder.Title = "Sales Dashboard";
builder.Theme = TsgcHTMLPageTheme.ptDark;
builder.RegisterComponent(navbar);
builder.RegisterComponent(statCard);
builder.RegisterComponent(chart);
string html = builder.GetHTML();

Proprietà e metodi principali

I membri utilizzati più frequentemente.

Title & HtmlDir

Titolo del documento inserito nel tag <title> dal template Bootstrap sottostante. HtmlDir imposta la direzione della pagina, 'rtl' o 'ltr'; se lasciato vuoto, una lingua da destra a sinistra come arabo o ebraico rende la pagina automaticamente da destra a sinistra.

Theme

ptDefault, ptDark o ptDarkPro; inserisce un blocco CSS specifico del tema nell'head del documento (ptDefault mantiene lo standard Bootstrap, ptDark una palette scura, ptDarkPro un tema scuro professionale completo).

HtmlLang

Lingua scritta nell'attributo lang della pagina, 'en' per impostazione predefinita. Una lingua da destra a sinistra come 'ar' o 'he' rende anche la pagina da destra a sinistra, a meno che HtmlDir indichi altro.

UnRegisterComponent

Rimuove un componente dall'elenco di build, così non viene più renderizzato.

RegisterComponent

Aggiunge un componente all'elenco di build; i componenti vengono renderizzati nell'ordine in cui sono stati registrati.

GetHTML

Renderizza tutti i componenti registrati, avvolge l'output combinato in un documento Bootstrap 5 e restituisce la stringa HTML completa.

Continua ad esplorare

Guida in lineaRiferimento API completo e guida all'uso per questo componente.
Tutti i componenti sgcHTMLSfoglia la matrice completa di 80+ 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.
La scelta più conveniente: All-AccessTutti i prodotti eSeGeCe, con Supporto Premium incluso, a partire da €1,059/anno.
Vedi i prezzi All-Access

Pronto per iniziare?

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