En bref

TsgcHTMLComponent_Panel

Un panneau de contenu encadré basé sur la card de Bootstrap. Définissez le titre et le corps, choisissez une couleur, activez le repliable ou le défilable, puis lisez la propriété HTML.

Classe du composant

TsgcHTMLComponent_Panel

Produit

Du balisage card Bootstrap 5

Famille

Contenu & Mise en page

Langages

Delphi, C++ Builder, .NET

QuickStart

Créez-le, définissez le contenu, affichez-le

Affectez Title, Body et Footer, choisissez une Color, puis lisez HTML — ou utilisez l'assistant statique Build en une ligne.

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");

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Contenu

Title définit l'en-tête de la carte, Body le contenu HTML principal et Footer une ligne de pied de page optionnelle.

Apparence

Color (TsgcHTMLColor) choisit la couleur du thème ; Outline rend une variante bordée au lieu d'un arrière-plan plein.

Repliement

Collapsible transforme l'en-tête en bascule, et Expanded détermine si le corps démarre ouvert.

Défilement

Scrollable avec MaxHeight plafonne la hauteur du corps et ajoute un défilement vertical pour les contenus longs.

Identité

PanelID attribue à la carte un identifiant DOM explicite, utilisé comme ancre pour la cible de repliement.

Construction en une ligne

Build(aTitle, aBody, aColor, aFooter) renvoie le HTML du panneau en un seul appel statique ; HTML rend une instance configurée.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir

Panel