Bootstrap Template — sgcHTML | eSeGeCe

Bootstrap Template

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

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

Języki

Delphi, C++ Builder, .NET

Przypisz BodyContent, odczytaj HTML

Ustaw BodyContent na wyrenderowany HTML komponentów, opcjonalnie skonfiguruj Title, HtmlTheme i HtmlLang, 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.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;

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.

HtmlTheme

Ciąg znaków zapisywany do data-bs-theme na elemencie <html> (na przykład 'light' lub 'dark'), aby system kolorów Bootstrap przełączał się poprawnie. Do automatycznego przełączania jasny / ciemny / systemowy podłącz TsgcHTMLThemeBuilder (Mode = tmLight, tmDark lub tmSystem) do właściwości ThemeBuilder.

HtmlLang

Atrybut lang na elemencie <html>; domyślnie 'en'. sgcHTML dostarcza także wbudowane teksty interfejsu zlokalizowane w 17 językach, wybierane za pomocą sgcHTMLSetLanguage, dzięki czemu komponenty renderują się z poprawnymi natywnymi pismami (w tym CJK, cyrylicą i alfabetem arabskim).

HtmlDir

Ciąg znaków zapisywany do atrybutu dir (na przykład 'ltr' lub 'rtl') dla obsługi języków pisanych od prawej do lewej.

CustomHead

Dodatkowy HTML wstrzykiwany do <head>; używaj dla niestandardowych tagów <meta> lub dodatkowych odniesień <script>. Połącz go z CustomCSS dla wbudowanych bloków <style>.

Kontynuuj eksplorację

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

Gotowy do rozpoczęcia?

Pobierz bezpłatną wersję próbną i zacznij tworzyć interfejsy webowe w Delphi, C++ Builder i .NET.