Bootstrap Template — sgcHTML | eSeGeCe

Bootstrap Template

TsgcHTMLTemplate_Bootstrap — envolve qualquer conteúdo HTML do body em um documento Bootstrap 5 completo e autônomo com tema, idioma e direção do texto configuráveis.

TsgcHTMLTemplate_Bootstrap

O wrapper de documento de nível mais baixo no sgcHTML. Atribua seu HTML de componente composto a BodyContent, configure as definições em nível de documento e leia HTML para obter uma página Bootstrap 5 autônoma e pronta para implantação com recursos embarcados.

Classe do componente

TsgcHTMLTemplate_Bootstrap

Função

Wrapper de documento Bootstrap 5 completo

Linguagens

Delphi, C++ Builder, .NET

Atribua BodyContent e leia HTML

Defina BodyContent com seu HTML de componente renderizado, configure opcionalmente Title, HtmlTheme e HtmlLang e leia a propriedade HTML para obter uma página completa e pronta para implantação.

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;

Propriedades e métodos principais

Os membros usados com mais frequência.

BodyContent

O fragmento HTML inserido dentro do <body> do documento; atribua aqui a saída concatenada de seus componentes sgcHTML.

Title

Texto para o elemento <title> no cabeçalho do documento.

HtmlTheme

String escrita em data-bs-theme no elemento <html> (por exemplo 'light' ou 'dark') para que o sistema de cores do Bootstrap alterne corretamente. Para alternância automática claro / escuro / sistema, conecte um TsgcHTMLThemeBuilder (Mode = tmLight, tmDark ou tmSystem) à propriedade ThemeBuilder.

HtmlLang

Atributo lang no elemento <html>; padrão é 'en'. O sgcHTML também traz textos de UI integrados localizados em 17 idiomas, selecionáveis com sgcHTMLSetLanguage, para que os componentes sejam renderizados com os scripts nativos corretos (incluindo CJK, cirílico e árabe).

HtmlDir

String escrita no atributo dir (por exemplo 'ltr' ou 'rtl') para suporte a idiomas da direita para a esquerda.

CustomHead

HTML extra injetado no <head>; use para tags <meta> personalizadas ou referências a <script> adicionais. Combine com CustomCSS para blocos <style> inline.

Continue explorando

Ajuda onlineReferência completa da API e guia de uso para este componente.
Todos os componentes sgcHTMLNavegue pela matriz completa de 60+ componentes.
Baixar versão de avaliação gratuitaA versão de avaliação de 30 dias inclui os projetos de demonstração 60.HTML.
PreçosLicenças Single, Team e Site com código-fonte completo.

Pronto para começar?

Baixe a versão de avaliação gratuita e comece a criar interfaces web em Delphi, C++ Builder e .NET.