In sintesi

TsgcHTMLComponent_Site

Un unico componente che emette un documento completo: un’intestazione con brand e selettori, un menu di navigazione, l’area del contenuto principale e un piè di pagina, racchiusi in un template Layout intercambiabile. Imposta Layout, Theme e Brand, aggiungi menu e contenuto, quindi leggi la proprietà HTML (GetHTML in .NET).

Classe del componente

TsgcHTMLComponent_Site

Renderizza

Shell di pagina completa (header + menu + contenuto + piè di pagina)

Famiglia

Navigazione e Struttura

Linguaggi

Delphi, C++ Builder, .NET

QuickStart

Crealo, costruisci la pagina, renderizzalo

Scegli un Layout, imposta Theme e Brand di sola lettura, chiama AddMenu per i link e AddContent / AddSection per il corpo, quindi leggi HTML (GetHTML in .NET) e servi la pagina finita.

uses
  sgcHTML_Enums, sgcHTML_Component_Site;

var
  oSite: TsgcHTMLComponent_Site;
begin
  oSite := TsgcHTMLComponent_Site.Create(nil);
  try
    oSite.Layout := slTopNavSidebarLeft;
    oSite.Theme.Preset := stpViolet;
    oSite.Theme.Mode := stmLight;
    oSite.Brand.Text := 'Acme';

    oSite.AddMenu('Dashboard', '/', '📊').Active := True;
    oSite.AddMenu('Reports', '/reports', '📈');

    oSite.AddSection('Overview', '<p>Welcome back.</p>', 'overview');
    oSite.AddContent('<div class="alert alert-info">All systems normal</div>');
    oSite.Footer.Text := '© 2026 Acme';

    WebModule.Response := oSite.HTML;   // full page
  finally
    oSite.Free;
  end;
end;

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Site.hpp

TsgcHTMLComponent_Site *oSite = new TsgcHTMLComponent_Site(NULL);
try
{
  oSite->Layout = slTopNavSidebarLeft;
  oSite->Theme->Preset = stpViolet;
  oSite->Theme->Mode = stmLight;
  oSite->Brand->Text = "Acme";

  oSite->AddMenu("Dashboard", "/", "📊")->Active = true;
  oSite->AddMenu("Reports", "/reports", "📈");

  oSite->AddSection("Overview", "<p>Welcome back.</p>", "overview");
  oSite->AddContent("<div class=\"alert alert-info\">All systems normal</div>");
  oSite->Footer->Text = "© 2026 Acme";

  String html = oSite->HTML;   // full page
}
__finally
{
  delete oSite;
}

using esegece.sgcWebSockets;

var site = new TsgcHTMLComponent_Site();
site.Layout = TsgcHTMLSiteLayout.slTopNavSidebarLeft;
site.Theme.Preset = TsgcHTMLSiteThemePreset.stpViolet;
site.Theme.Mode = TsgcHTMLSiteThemeMode.stmLight;
site.Brand.Text = "Acme";

site.AddMenu("Dashboard", "/", "📊").Active = true;
site.AddMenu("Reports", "/reports", "📈");

site.AddSection("Overview", "<p>Welcome back.</p>", "overview");
site.AddContent("<div class=\"alert alert-info\">All systems normal</div>");
site.Footer.Text = "© 2026 Acme";

string html = site.GetHTML();   // full page

Riferimento

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Layout

Layout seleziona la forma della pagina: slSidebarLeft, slSidebarRight, slTopNav, slTopNavSidebarLeft, slIconRail o slOffcanvas — gli stessi brand, menu e contenuto riorganizzati.

Theme

Theme.Preset sceglie la palette di accento (blue, violet, emerald, slate, dark), Theme.Mode sceglie chiaro, scuro o di sistema, e Theme.SidebarDark disegna la sidebar su uno sfondo scuro.

Preset

Preset configura insieme Layout e Theme per un tipo di pagina — spAdmin, spDashboard, spPortal, spDocs, spLanding o spApp — e puoi comunque sovrascriverli in seguito.

AddMenu(aText, aHref, aIcon) aggiunge una voce di navigazione e la restituisce; ogni elemento può essere un link, un Header di sezione o un Divider, ed essere contrassegnato come Active per la pagina corrente.

L’Header di sola lettura gestisce la barra superiore: ShowThemeSwitcher, ShowLanguageSwitcher, il riquadro ShowUser dell’utente autenticato e il link ShowLogout, oltre a ExtraHTML per i tuoi controlli personalizzati.

Contenuto e output

AddSection(aTitle, aContent, aID) e AddContent(aHTML) costruiscono il corpo, Footer.Text aggiunge un piè di pagina centrato e HTML (GetHTML in .NET) restituisce la pagina completa, pronta da servire.

Risorse

Continua a esplorare

	Guida in lineaRiferimento API completo e guida all’uso per questo componente.	Apri
	Tutti i componenti sgcHTMLEsplora la matrice completa delle funzionalità di oltre 60 componenti.	Apri
	Scarica la Prova GratuitaLa prova di 30 giorni include i progetti demo 60.HTML.	Apri
	PrezziLicenze Single, Team e Site con codice sorgente completo.	Apri

Site