Bootstrap Template — sgcHTML | eSeGeCe

Bootstrap Template

TsgcHTMLTemplate_Bootstrap — encapsule tout contenu HTML dans un document Bootstrap 5 complet et autonome avec thème, langue et direction du texte configurables.

TsgcHTMLTemplate_Bootstrap

Le wrapper de document de plus bas niveau dans sgcHTML. Assignez le HTML de vos composants composés à BodyContent, configurez les paramètres au niveau du document, puis lisez HTML pour obtenir une page Bootstrap 5 déployable et autonome avec les ressources intégrées.

Classe du composant

TsgcHTMLTemplate_Bootstrap

Rôle

Wrapper de document Bootstrap 5 complet

Langages

Delphi, C++ Builder, .NET

Assigner BodyContent, lire HTML

Définissez BodyContent sur le HTML de vos composants rendus, configurez optionnellement Title, HtmlTheme et HtmlLang, puis lisez la propriété HTML pour obtenir une page complète et déployable.

uses
  sgcHTML_Template_Bootstrap;

var
  oTemplate: TsgcHTMLTemplate_Bootstrap;
begin
  oTemplate := TsgcHTMLTemplate_Bootstrap.Create(nil);
  try
    oTemplate.Title       := 'My App';
    oTemplate.HtmlTheme   := 'dark';
    oTemplate.HtmlLang    := 'en';
    oTemplate.BodyContent := oNavBar.HTML + oGrid.HTML;
    Response.ContentText  := oTemplate.HTML;
  finally
    oTemplate.Free;
  end;
end;
TsgcHTMLTemplate_Bootstrap *oTemplate = new TsgcHTMLTemplate_Bootstrap(NULL);
try
{
  oTemplate->Title       = "My App";
  oTemplate->HtmlTheme   = "dark";
  oTemplate->HtmlLang    = "en";
  oTemplate->BodyContent = oNavBar->HTML + oGrid->HTML;
  Response->ContentText  = oTemplate->HTML;
}
__finally { delete oTemplate; }
var template = new TsgcHTMLTemplate_Bootstrap();
template.Title       = "My App";
template.HtmlTheme   = "dark";
template.HtmlLang    = "en";
template.BodyContent = navbar.HTML + grid.HTML;
response.ContentText = template.HTML;

Propriétés et méthodes clés

Les membres les plus fréquemment utilisés.

BodyContent

Le fragment HTML placé à l'intérieur du <body> du document ; assignez ici la sortie concaténée de vos composants sgcHTML.

Title

Texte pour l'élément <title> dans l'en-tête du document.

HtmlTheme

Chaîne écrite dans data-bs-theme sur l'élément <html> (par exemple 'light' ou 'dark') afin que le système de couleurs de Bootstrap bascule correctement. Pour un basculement automatique clair / sombre / système, branchez un TsgcHTMLThemeBuilder (Mode = tmLight, tmDark ou tmSystem) sur la propriété ThemeBuilder.

HtmlLang

Attribut lang sur l'élément <html> ; par défaut 'en'. sgcHTML fournit aussi des textes d'interface intégrés localisés en 17 langues, sélectionnables avec sgcHTMLSetLanguage, afin que les composants s'affichent avec les écritures natives correctes (y compris le CJK, le cyrillique et l'arabe).

HtmlDir

Chaîne écrite dans l'attribut dir (par exemple 'ltr' ou 'rtl') pour la prise en charge des langues de droite à gauche.

CustomHead

HTML supplémentaire injecté dans <head> ; à utiliser pour des balises <meta> personnalisées ou des références <script> supplémentaires. Associez-le à CustomCSS pour des blocs <style> en ligne.

Continuer à explorer

Aide en ligneRéférence API complète et guide d'utilisation pour ce composant.
Tous les composants sgcHTMLParcourez la matrice complète de 60+ composants.
Télécharger l'essai gratuitL'essai de 30 jours inclut les projets de démonstration 60.HTML.
TarifsLicences Single, Team et Site avec code source complet.

Prêt à commencer ?

Téléchargez l'essai gratuit et commencez à créer des interfaces web en Delphi, C++ Builder et .NET.