Bootstrap Template

TsgcHTMLTemplate_Bootstrap — owija dowolną treść body HTML w kompletny, niezależny dokument Bootstrap 5 z konfigurowalnym motywem, językiem i kierunkiem tekstu.

Rzut oka

TsgcHTMLTemplate_Bootstrap

Opakowanie dokumentu najniższego poziomu w sgcHTML. Przypisz złożony HTML komponentów do BodyContent, skonfiguruj ustawienia na poziomie dokumentu, a następnie odczytaj HTML, aby uzyskać wdrażalną, niezależną stronę Bootstrap 5 z wbudowanymi zasobami.

Klasa komponentu

TsgcHTMLTemplate_Bootstrap

Rola

Pełne opakowanie dokumentu Bootstrap 5

Rodzina

Infrastruktura & Silnik

Języki

Delphi, C++ Builder, .NET

Szybki start

Przypisz BodyContent, odczytaj HTML

Ustaw BodyContent na wyrenderowany HTML komponentów, opcjonalnie skonfiguruj Title, Theme i Language, a następnie odczytaj właściwość HTML, aby uzyskać kompletną, gotową do wdrożenia stronę.

uses
  sgcHTML_Template_Bootstrap;

var
  oTemplate: TsgcHTMLTemplate_Bootstrap;
begin
  oTemplate := TsgcHTMLTemplate_Bootstrap.Create(nil);
  try
    oTemplate.Title       := 'My App';
    oTemplate.Theme       := htDark;
    oTemplate.Language    := '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->Theme       = htDark;
  oTemplate->Language    = "en";
  oTemplate->BodyContent = oNavBar->HTML + oGrid->HTML;
  Response->ContentText  = oTemplate->HTML;
}
__finally { delete oTemplate; }

var template = new TsgcHTMLTemplate_Bootstrap();
template.Title       = "My App";
template.Theme       = TsgcHTMLTheme.htDark;
template.Language    = "en";
template.BodyContent = navbar.HTML + grid.HTML;
response.ContentText = template.HTML;

Dokumentacja

Główne właściwości i metody

Najczęściej używane elementy.

BodyContent

Fragment HTML umieszczany wewnątrz <body> dokumentu. Przypisz tu połączony wynik komponentów sgcHTML.

Title

Tekst dla elementu <title> w nagłówku dokumentu.

Theme

htLight, htDark lub htSystem. Ustawia data-bs-theme na elemencie <html>, aby system kolorów Bootstrap przełączał się poprawnie.

Language

Atrybut lang na elemencie <html>. Domyślnie 'en'.

Direction

hdLTR lub hdRTL. Ustawia atrybut dir dla obsługi języków pisanych od prawej do lewej.

HeadContent

Dodatkowy HTML wstrzykiwany do <head> przed tagiem zamykającym. Używaj dla niestandardowych bloków <style>, tagów <meta> lub dodatkowych odniesień <script>.

Zasoby

Kontynuuj eksplorację

	Pomoc onlinePełna dokumentacja API i przewodnik użytkowania tego komponentu.	Otwórz
	Wszystkie komponenty sgcHTMLPrzeglądaj pełną macierz funkcji 60+ komponentów.	Otwórz
	Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.	Otwórz
	CenyLicencje Single, Team i Site z pełnym kodem źródłowym.	Otwórz