Bootstrap Template

TsgcHTMLTemplate_Bootstrap — envuelve cualquier contenido de cuerpo HTML en un documento Bootstrap 5 completo e independiente con tema, idioma y dirección de texto configurables.

TsgcHTMLTemplate_Bootstrap

La envoltura de documento de más bajo nivel en sgcHTML. Asigna el HTML de tus componentes compuestos a BodyContent, configura los ajustes a nivel de documento y lee HTML para obtener una página Bootstrap 5 deployable e independiente con activos embebidos.

Clase del componente

TsgcHTMLTemplate_Bootstrap

Rol

Envoltura completa de documento Bootstrap 5

Lenguajes

Delphi, C++ Builder, .NET

Asignar BodyContent, leer HTML

Establece BodyContent con el HTML de tus componentes renderizados, configura opcionalmente Title, Theme y Language, y lee la propiedad HTML para obtener una página completa y deployable.

uses
  sgcHTML_Template_Bootstrap;

var
  oTemplate: TsgcHTMLTemplate_Bootstrap;
begin
  oTemplate := TsgcHTMLTemplate_Bootstrap.Create(nil);
  try
    oTemplate.Title       := 'My App';
    oTemplate.Theme       := htDark;
    oTemplate.Language    := '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->Theme       = htDark;
  oTemplate->Language    = "en";
  oTemplate->BodyContent = oNavBar->HTML + oGrid->HTML;
  Response->ContentText  = oTemplate->HTML;
}
__finally { delete oTemplate; }
var template = new TsgcHTMLTemplate_Bootstrap();
template.Title       = "My App";
template.Theme       = TsgcHTMLTheme.htDark;
template.Language    = "en";
template.BodyContent = navbar.HTML + grid.HTML;
response.ContentText = template.HTML;

Propiedades y métodos clave

Los miembros que usarás con más frecuencia.

BodyContent

El fragmento HTML colocado dentro del <body> del documento; asigna aquí la salida concatenada de tus componentes sgcHTML.

Title

Texto para el elemento <title> en la cabecera del documento.

Theme

htLight, htDark o htSystem; establece data-bs-theme en el elemento <html> para que el sistema de colores de Bootstrap cambie correctamente.

Language

Atributo lang en el elemento <html>; por defecto 'en'.

Direction

hdLTR o hdRTL; establece el atributo dir para compatibilidad con idiomas de derecha a izquierda.

HeadContent

HTML adicional inyectado en <head> antes de la etiqueta de cierre; úsalo para bloques <style> personalizados, etiquetas <meta> o referencias extra de <script>.

Sigue explorando

Ayuda en líneaReferencia completa de la API y guía de uso para este componente.
Todos los componentes de sgcHTMLExplora la matriz completa de más de 60 componentes.
Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.
PreciosLicencias Single, Team y Site con código fuente completo.

¿Listo para empezar?

Descarga la prueba gratuita y empieza a crear interfaces web en Delphi, C++ Builder y .NET.