Komponent DashboardLayout — sgcHTML

W skrócie

TsgcHTMLDashboardLayout

Komponent układu, który generuje kompletną powłokę pulpitu: stały panel boczny po lewej i wyściełany obszar główny zbudowany z zatytułowanych sekcji. Skonfiguruj Sidebar, dodaj sekcje, a następnie odczytaj właściwość HTML.

Klasa komponentu

TsgcHTMLDashboardLayout

Renderuje

Powłoka pulpitu (stały panel boczny + treść)

Rodzina

Nawigacja i struktura

Języki

Delphi, C++ Builder, .NET

Szybki start

Utwórz go, zbuduj powłokę, wyrenderuj

Skonfiguruj tylko do odczytu Sidebar, wywołaj AddSection(title, content) dla każdego bloku, a następnie odczytaj HTML (albo umieść go na stronie 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

Dokumentacja

Kluczowe właściwości i metody

Składniki, po które sięgasz najczęściej.

Panel boczny

Sidebar to tylko do odczytu TsgcHTMLComponent_Sidebar renderowany jako stały po lewej; skonfiguruj jego Brand, Width i Items w miejscu.

Sekcje

AddSection(aTitle, aContent, aID) dołącza zatytułowaną <section>; AddRawContent(aContent) wstawia znaczniki bez zmian; ClearContent opróżnia obszar główny.

Powłoka

Fluid przełącza kontener o pełnej szerokości, FooterText dodaje wyśrodkowaną stopkę, a LayoutID ustawia identyfikator elementu kontenera.

Tryb ciemny

DarkMode wstrzykuje arkusz stylów ciemnego motywu, który zmienia kolory kart, tabel, formularzy, nawigacji i grup list wewnątrz powłoki.

Odstępy i akcenty

MainPadding, MainMinHeight i SectionMarginBottom wymiarują obszar główny; SectionTitleBorderColorStyle (TsgcHTMLColor) koloruje podkreślenie tytułu każdej sekcji.

Wynik

HTML zwraca pełną powłokę — stały panel boczny, treść główną i stopkę — gotową do udostępnienia lub przypisz ją do właściwości BodyContent szablonu strony.

Zasoby

Poznawaj dalej

	Wszystkie komponenty sgcHTMLPrzejrzyj pełną matrycę funkcji 60+ komponentów.	Otwórz
	Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.	Otwórz
	CennikLicencje Single, Team i Site z pełnym kodem źródłowym.	Otwórz

DashboardLayout