In sintesi

TsgcHTMLDashboardLayout

Un componente di layout che emette una shell completa per dashboard: una sidebar fissa a sinistra e un’area principale con spaziatura costruita da sezioni intitolate. Configura la Sidebar, aggiungi le sezioni, quindi leggi la proprietà HTML.

Classe del componente

TsgcHTMLDashboardLayout

Renderizza

Dashboard shell (fixed sidebar + content)

Famiglia

Navigazione e Struttura

Linguaggi

Delphi, C++ Builder, .NET

QuickStart

Crealo, costruisci la shell, renderizzalo

Configura la Sidebar di sola lettura, chiama AddSection(title, content) per ogni blocco, quindi leggi HTML (oppure inseriscilo in una pagina TsgcHTMLTemplate_Bootstrap).

uses
  sgcHTML_Enums, sgcHTML_Component_DashboardLayout;

var
  oDash: TsgcHTMLDashboardLayout;
begin
  oDash := TsgcHTMLDashboardLayout.Create(nil);
  try
    oDash.DarkMode := True;
    oDash.FooterText := '© 2026 Acme Inc.';

    oDash.Sidebar.Brand := 'Acme Admin';
    oDash.Sidebar.Items.Add.Text := 'Overview';
    oDash.Sidebar.Items.Add.Text := 'Reports';

    oDash.AddSection('Sales', '<p>Revenue is up 12%</p>');
    oDash.AddSection('Activity', '<p>3 new orders</p>');

    WebModule.Response := oDash.HTML;   // dashboard shell
  finally
    oDash.Free;
  end;
end;

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_DashboardLayout.hpp

TsgcHTMLDashboardLayout *oDash = new TsgcHTMLDashboardLayout(NULL);
try
{
  oDash->DarkMode = true;
  oDash->FooterText = "© 2026 Acme Inc.";

  oDash->Sidebar->Brand = "Acme Admin";
  oDash->Sidebar->Items->Add()->Text = "Overview";
  oDash->Sidebar->Items->Add()->Text = "Reports";

  oDash->AddSection("Sales", "<p>Revenue is up 12%</p>");
  oDash->AddSection("Activity", "<p>3 new orders</p>");

  String html = oDash->HTML;   // dashboard shell
}
__finally
{
  delete oDash;
}

using esegece.sgcWebSockets;

var dash = new TsgcHTMLDashboardLayout();
dash.DarkMode = true;
dash.FooterText = "© 2026 Acme Inc.";

dash.Sidebar.Brand = "Acme Admin";
dash.Sidebar.Items.Add().Text = "Overview";
dash.Sidebar.Items.Add().Text = "Reports";

dash.AddSection("Sales", "<p>Revenue is up 12%</p>");
dash.AddSection("Activity", "<p>3 new orders</p>");

string html = dash.HTML;   // dashboard shell

Riferimento

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Sidebar è un TsgcHTMLComponent_Sidebar di sola lettura renderizzato in posizione fissa a sinistra; configurane Brand, Width e Items direttamente.

Sezioni

AddSection(aTitle, aContent, aID) aggiunge una <section> intitolata; AddRawContent(aContent) inserisce il markup invariato; ClearContent svuota l’area principale.

Shell

Fluid attiva/disattiva il contenitore a larghezza intera, FooterText aggiunge un piè di pagina centrato e LayoutID imposta l’id dell’elemento contenitore.

Modalità scura

DarkMode inietta un foglio di stile a tema scuro che ricolora card, tabelle, moduli, nav e list group all’interno della shell.

Spaziatura e accenti

MainPadding, MainMinHeight e SectionMarginBottom dimensionano l’area principale; SectionTitleBorderColorStyle (un TsgcHTMLColor) colora la sottolineatura del titolo di ogni sezione.

Output

HTML restituisce la shell completa — sidebar fissa, contenuto principale e piè di pagina — pronta da servire, oppure assegnala al BodyContent di un template di pagina.

Risorse

Continua a esplorare

	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

DashboardLayout