Bir bakışta

TsgcHTMLDashboardLayout

Eksiksiz bir pano kabuğu üreten bir düzen bileşeni: solda sabit bir kenar çubuğu ve başlıklı bölümlerden oluşturulmuş, dolgulu bir ana alan. Sidebar'ı yapılandırın, bölümler ekleyin, ardından HTML özelliğini okuyun.

Bileşen sınıfı

TsgcHTMLDashboardLayout

İşler

Pano kabuğu (sabit kenar çubuğu + içerik)

Aile

Gezinme & Yapı

Diller

Delphi, C++ Builder, .NET

QuickStart

Oluşturun, kabuğu kurun, işleyin

Salt okunur Sidebar'ı yapılandırın, her blok için AddSection(title, content)'ı çağırın, ardından HTML'i okuyun (ya da bir TsgcHTMLTemplate_Bootstrap sayfasına bırakın).

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

Başvuru

Temel özellikler & yöntemler

En sık başvurduğunuz üyeler.

Kenar çubuğu

Sidebar, solda sabit olarak işlenen salt okunur bir TsgcHTMLComponent_Sidebar'dır; Brand, Width ve Items'ını yerinde yapılandırın.

Bölümler

AddSection(aTitle, aContent, aID) başlıklı bir <section> ekler; AddRawContent(aContent) işaretlemeyi olduğu gibi ekler; ClearContent ana alanı boşaltır.

Kabuk

Fluid tam genişlikli kapsayıcıyı açıp kapatır, FooterText ortalanmış bir altbilgi ekler ve LayoutID sarmalayıcının öğe kimliğini ayarlar.

Koyu mod

DarkMode, kabuğun içindeki kartları, tabloları, formları, gezinmeyi ve liste gruplarını yeniden renklendiren koyu bir tema stil sayfası ekler.

Boşluk & vurgular

MainPadding, MainMinHeight ve SectionMarginBottom ana alanı boyutlandırır; SectionTitleBorderColorStyle (bir TsgcHTMLColor), her bölümün başlık alt çizgisini renklendirir.

Çıktı

HTML, tam kabuğu — sabit kenar çubuğu, ana içerik ve altbilgi — sunulmaya hazır olarak döndürür ya da bir sayfa şablonunun BodyContent'ine atayın.

Kaynaklar

Keşfetmeye devam edin

	Tüm sgcHTML Bileşenleri60'tan fazla bileşenin tam özellik matrisine göz atın.	Aç
	Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir.	Aç
	FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları.	Aç

DashboardLayout