Panel

TsgcHTMLComponent_Panel — Delphi, C++ Builder ve .NET'te başlık, gövde ve altbilgiyle, isteğe bağlı olarak daraltılabilir ve kaydırılabilir bir Bootstrap kart paneli işleyin.

Bir bakışta

TsgcHTMLComponent_Panel

Bootstrap card üzerine kurulu, kutulanmış bir içerik paneli. Başlığı ve gövdeyi ayarlayın, bir renk seçin, daraltılabilir ya da kaydırılabilir olarak açıp kapatın, ardından HTML özelliğini okuyun.

Bileşen sınıfı

TsgcHTMLComponent_Panel

İşler

Bootstrap 5 card işaretlemesi

Aile

İçerik & Düzen

Diller

Delphi, C++ Builder, .NET

QuickStart

Oluşturun, içeriği ayarlayın, işleyin

Title, Body ve Footer'ı atayın, bir Color seçin, ardından HTML'i okuyun — ya da tek satırlık statik Build yardımcısını kullanın.

uses
  sgcHTML_Enums, sgcHTML_Component_Panel;

var
  oPanel: TsgcHTMLComponent_Panel;
begin
  oPanel := TsgcHTMLComponent_Panel.Create(nil);
  try
    oPanel.Title := 'Account Summary';
    oPanel.Body := '<p>Your plan renews on the 1st.</p>';
    oPanel.Footer := 'Last updated today';
    oPanel.Color := hcLight;
    oPanel.Collapsible := True;
    oPanel.Expanded := True;

    WebModule.Response := oPanel.HTML;   // Bootstrap card
  finally
    oPanel.Free;
  end;
end;

// Or in a single line with the static helper:
Result := TsgcHTMLComponent_Panel.Build('Account Summary',
  '<p>Your plan renews on the 1st.</p>', hcLight, 'Last updated today');

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Panel.hpp

TsgcHTMLComponent_Panel *oPanel = new TsgcHTMLComponent_Panel(NULL);
try
{
  oPanel->Title = "Account Summary";
  oPanel->Body = "<p>Your plan renews on the 1st.</p>";
  oPanel->Footer = "Last updated today";
  oPanel->Color = hcLight;
  oPanel->Collapsible = true;
  oPanel->Expanded = true;

  String html = oPanel->HTML;   // Bootstrap card
}
__finally
{
  delete oPanel;
}

// Or in a single line with the static helper:
String html = TsgcHTMLComponent_Panel::Build("Account Summary",
  "<p>Your plan renews on the 1st.</p>", hcLight, "Last updated today");

using esegece.sgcWebSockets;

var panel = new TsgcHTMLComponent_Panel();
panel.Title = "Account Summary";
panel.Body = "<p>Your plan renews on the 1st.</p>";
panel.Footer = "Last updated today";
panel.Color = TsgcHTMLColor.hcLight;
panel.Collapsible = true;
panel.Expanded = true;

string html = panel.HTML;   // Bootstrap card

// Or in a single line with the static helper:
string oneLine = TsgcHTMLComponent_Panel.Build("Account Summary",
    "<p>Your plan renews on the 1st.</p>", TsgcHTMLColor.hcLight, "Last updated today");

Başvuru

Temel özellikler & yöntemler

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

İçerik

Title, kart başlığını, Body, ana HTML içeriğini ve Footer, isteğe bağlı bir altbilgi satırını ayarlar.

Görünüm

Color (TsgcHTMLColor), tema rengini seçer; Outline, dolu bir arka plan yerine kenarlıklı bir varyant işler.

Daraltma

Collapsible, başlığı bir aç/kapaya dönüştürür ve Expanded, gövdenin açık başlayıp başlamayacağını ayarlar.

Kaydırma

MaxHeight ile Scrollable, gövde yüksekliğini sınırlar ve uzun içerik için dikey kaydırma ekler.

Kimlik

PanelID, karta, daraltma hedefi için bağlantı olarak kullanılan açık bir DOM kimliği atar.

Tek satırlık oluşturma

Build(aTitle, aBody, aColor, aFooter), panel HTML'ini tek bir statik çağrıda döndürür; HTML, yapılandırılmış bir örneği işler.

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ç