Page Builder

TsgcHTMLPageBuilder — monta componentes sgcHTML registrados em uma página Bootstrap 5 completa, com um editor visual em tempo de design na IDE do Delphi.

TsgcHTMLPageBuilder

Uma camada de composição de alto nível que aceita uma lista ordenada de componentes sgcHTML, envolve a saída HTML combinada em um documento Bootstrap 5 via TsgcHTMLTemplate_Bootstrap e retorna a página finalizada. Suporta visualização em tempo de design na IDE do Delphi.

Classe do componente

TsgcHTMLPageBuilder

Função

Composição visual de páginas

Linguagens

Delphi, C++ Builder, .NET

Registre os componentes e chame GetHTML

Coloque um TsgcHTMLPageBuilder no formulário, registre seus componentes sgcHTML em ordem, defina o título e o tema e chame GetHTML para receber o HTML completo da página.

uses
  sgcHTML_PageBuilder;

var
  oBuilder: TsgcHTMLPageBuilder;
begin
  oBuilder := TsgcHTMLPageBuilder.Create(nil);
  try
    oBuilder.Title := 'Sales Dashboard';
    oBuilder.Theme := ptDark;
    oBuilder.RegisterComponent(oNavBar);
    oBuilder.RegisterComponent(oStatCard);
    oBuilder.RegisterComponent(oChart);
    Result := oBuilder.GetHTML;
  finally
    oBuilder.Free;
  end;
end;
TsgcHTMLPageBuilder *oBuilder = new TsgcHTMLPageBuilder(NULL);
try
{
  oBuilder->Title = "Sales Dashboard";
  oBuilder->Theme = ptDark;
  oBuilder->RegisterComponent(oNavBar);
  oBuilder->RegisterComponent(oStatCard);
  oBuilder->RegisterComponent(oChart);
  String html = oBuilder->GetHTML();
}
__finally { delete oBuilder; }
var builder = new TsgcHTMLPageBuilder();
builder.Title = "Sales Dashboard";
builder.Theme = TsgcHTMLPageTheme.ptDark;
builder.RegisterComponent(navbar);
builder.RegisterComponent(statCard);
builder.RegisterComponent(chart);
string html = builder.GetHTML();

Propriedades e métodos principais

Os membros usados com mais frequência.

Title & HtmlDir

Título do documento inserido na tag <title> pelo template Bootstrap subjacente. HtmlDir define a direção da página, 'rtl' ou 'ltr'; se ficar vazio, um idioma da direita para a esquerda, como árabe ou hebraico, faz a página passar automaticamente para a direita para a esquerda.

Theme

ptDefault, ptDark ou ptDarkPro; injeta um bloco CSS específico do tema no cabeçalho do documento (ptDefault mantém o Bootstrap padrão, ptDark uma paleta escura, ptDarkPro um tema escuro profissional completo).

HtmlLang

Idioma escrito no atributo lang da página, 'en' por padrão. Um idioma da direita para a esquerda, como 'ar' ou 'he', também faz a página passar para a direita para a esquerda, a menos que HtmlDir diga o contrário.

UnRegisterComponent

Remove um componente da lista de construção, para que ele não seja mais renderizado.

RegisterComponent

Adiciona um componente à lista de construção; os componentes são renderizados na ordem em que foram registrados.

GetHTML

Renderiza todos os componentes registrados, envolve a saída combinada em um documento Bootstrap 5 e retorna a string HTML completa.

Continue explorando

Ajuda onlineReferência completa da API e guia de uso para este componente.
Todos os componentes sgcHTMLNavegue pela matriz completa de 80+ 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.
Melhor custo-benefício: All-AccessTodos os produtos da eSeGeCe, com Suporte Premium incluído, a partir de €1,059/ano.
Ver preços do All-Access

Pronto para começar?

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