Bootstrap Template — sgcHTML | eSeGeCe

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, HtmlTheme y HtmlLang, 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.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;

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.

HtmlTheme

Cadena escrita en data-bs-theme en el elemento <html> (por ejemplo 'light' o 'dark') para que el sistema de colores de Bootstrap cambie correctamente. Para el cambio automático claro / oscuro / sistema, conecta un TsgcHTMLThemeBuilder (Mode = tmLight, tmDark o tmSystem) a la propiedad ThemeBuilder.

HtmlLang

Atributo lang en el elemento <html>; por defecto 'en'. sgcHTML también incluye texto de UI integrado localizado en 17 idiomas, seleccionable con sgcHTMLSetLanguage, de modo que los componentes se renderizan con los sistemas de escritura nativos correctos (incluidos CJK, cirílico y árabe).

HtmlDir

Cadena escrita en el atributo dir (por ejemplo 'ltr' o 'rtl') para la compatibilidad con idiomas de derecha a izquierda.

CustomHead

HTML adicional inyectado en <head>; úsalo para etiquetas <meta> personalizadas o referencias extra de <script>. Combínalo con CustomCSS para bloques <style> en línea.

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.