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 — monta componentes sgcHTML registrados em uma página Bootstrap 5 completa, com um editor visual em tempo de design na IDE do Delphi.
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.
TsgcHTMLPageBuilder
Composição visual de páginas
Delphi, C++ Builder, .NET
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();
Os membros usados com mais frequência.
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.
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).
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.
Remove um componente da lista de construção, para que ele não seja mais renderizado.
Adiciona um componente à lista de construção; os componentes são renderizados na ordem em que foram registrados.
Renderiza todos os componentes registrados, envolve a saída combinada em um documento Bootstrap 5 e retorna a string HTML completa.
| Ajuda onlineReferência completa da API e guia de uso para este componente. | Abrir | |
| Todos os componentes sgcHTMLNavegue pela matriz completa de 80+ componentes. | Abrir | |
| Baixar versão de avaliação gratuitaA versão de avaliação de 30 dias inclui os projetos de demonstração 60.HTML. | Abrir | |
| PreçosLicenças Single, Team e Site com código-fonte completo. | Abrir |