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 — envuelve cualquier contenido de cuerpo HTML en un documento Bootstrap 5 completo e independiente con tema, idioma y dirección de texto configurables.
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.
TsgcHTMLTemplate_Bootstrap
Envoltura completa de documento Bootstrap 5
Delphi, C++ Builder, .NET
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;
Los miembros que usarás con más frecuencia.
El fragmento HTML colocado dentro del <body> del documento; asigna aquí la salida concatenada de tus componentes sgcHTML.
Texto para el elemento <title> en la cabecera del documento.
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.
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).
Cadena escrita en el atributo dir (por ejemplo 'ltr' o 'rtl') para la compatibilidad con idiomas de derecha a izquierda.
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.
| Ayuda en líneaReferencia completa de la API y guía de uso para este componente. | Abrir | |
| Todos los componentes de sgcHTMLExplora la matriz completa de más de 60 componentes. | Abrir | |
| Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML. | Abrir | |
| PreciosLicencias Single, Team y Site con código fuente completo. | Abrir |