In één oogopslag

TsgcHTMLComponent_Site

Eén component dat een compleet document uitstuurt: een header met merk en schakelaars, een navigatiemenu, het hoofdinhoudsgebied en een voettekst, verpakt in een verwisselbare Layout-template. Stel de Layout, Theme en Brand in, voeg menu en inhoud toe en lees dan de HTML-eigenschap (GetHTML in .NET).

Componentklasse

TsgcHTMLComponent_Site

Rendert

Volledige pagina-shell (header + menu + inhoud + voettekst)

Familie

Navigatie en structuur

Talen

Delphi, C++ Builder, .NET

QuickStart

Maak hem aan, bouw de pagina, render hem

Kies een Layout, stel de alleen-lezen Theme en Brand in, roep AddMenu aan voor links en AddContent / AddSection voor de body, lees dan HTML (GetHTML in .NET) en serveer de voltooide pagina.

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

Referentie

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Layout

Layout selecteert de paginavorm: slSidebarLeft, slSidebarRight, slTopNav, slTopNavSidebarLeft, slIconRail of slOffcanvas — hetzelfde merk, menu en inhoud opnieuw gerangschikt.

Theme

Theme.Preset kiest het accentpalet (blue, violet, emerald, slate, dark), Theme.Mode kiest licht, donker of systeem, en Theme.SidebarDark tekent de sidebar op een donkere achtergrond.

Preset

Preset configureert Layout en Theme samen voor een paginatype — spAdmin, spDashboard, spPortal, spDocs, spLanding of spApp — en je kunt dit achteraf nog overschrijven.

AddMenu(aText, aHref, aIcon) voegt een navigatie-item toe en retourneert het; elk item kan een link, een sectie-Header of een Divider zijn, en als huidige pagina worden gemarkeerd met Active.

De alleen-lezen Header stuurt de bovenbalk aan: ShowThemeSwitcher, ShowLanguageSwitcher, het aangemelde ShowUser-vak en de ShowLogout-link, plus ExtraHTML voor je eigen besturingselementen.

Inhoud en uitvoer

AddSection(aTitle, aContent, aID) en AddContent(aHTML) bouwen de body, Footer.Text voegt een gecentreerde voettekst toe, en HTML (GetHTML in .NET) retourneert de volledige pagina, klaar om te serveren.

Bronnen

Blijf ontdekken

	Online helpVolledige API-referentie en gebruikshandleiding voor dit onderdeel.	Open
	Alle sgcHTML-componentenBlader door de volledige functiematrix van 60+ componenten.	Openen
	Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.	Openen
	PrijzenSingle-, Team- en Site-licenties met volledige broncode.	Openen

Site