Bootstrap Template — sgcHTML | eSeGeCe

Bootstrap Template

TsgcHTMLTemplate_Bootstrap — herhangi bir HTML gövde içeriğini yapılandırılabilir tema, dil ve metin yönüyle tam, bağımsız bir Bootstrap 5 belgesine sarar.

Bir bakışta

TsgcHTMLTemplate_Bootstrap

sgcHTML'deki en alt düzey belge sarmalayıcı. Birleştirilmiş bileşen HTML'inizi BodyContent'e atayın, belge düzeyindeki ayarları yapılandırın, ardından gömülü varlıklara sahip dağıtılabilir, bağımsız bir Bootstrap 5 sayfası elde etmek için HTML'yi okuyun.

Bileşen sınıfı

TsgcHTMLTemplate_Bootstrap

Rol

Tam Bootstrap 5 belge sarmalayıcı

Aile

Altyapı & Motor

Diller

Delphi, C++ Builder, .NET

Hızlı başlangıç

BodyContent'i atayın, HTML'yi okuyun

BodyContent'i işlenmiş bileşen HTML'inize ayarlayın, isteğe bağlı olarak Title, HtmlTheme ve HtmlLang'ı yapılandırın, ardından tam, dağıtılabilir bir sayfa elde etmek için HTML özelliğini okuyun.

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;

Referans

Temel özellikler ve yöntemler

En sık kullanılan üyeler.

BodyContent

Belge <body>'sine yerleştirilen HTML parçası; sgcHTML bileşenlerinizin birleştirilmiş çıktısını buraya atayın.

Title

Belge başlığındaki <title> öğesi için metin.

HtmlTheme

<html> öğesinde data-bs-theme'e yazılan dize (örneğin 'light' veya 'dark'); böylece Bootstrap'in renk sistemi doğru şekilde değişir. Otomatik açık / koyu / sistem geçişi için, ThemeBuilder özelliğine bir TsgcHTMLThemeBuilder (Mode = tmLight, tmDark veya tmSystem) takın.

HtmlLang

<html> öğesindeki lang özniteliği; varsayılan 'en''dir. sgcHTML ayrıca 17 dilde yerelleştirilmiş yerleşik arayüz metni sunar; bu, sgcHTMLSetLanguage ile seçilebilir; böylece bileşenler doğru yerel yazı sistemleriyle (CJK, Kiril ve Arapça dahil) işlenir.

HtmlDir

Sağdan sola dil desteği için dir özniteliğine yazılan dize (örneğin 'ltr' veya 'rtl').

CustomHead

<head>'e eklenen ek HTML; özel <meta> etiketleri veya ek <script> referansları için kullanın. Satır içi <style> blokları için CustomCSS ile birlikte kullanın.

Kaynaklar

Keşfetmeye devam edin

	Çevrimiçi yardımBu bileşen için tam API referansı ve kullanım kılavuzu.	Aç
	Tüm sgcHTML bileşenleri60'tan fazla bileşenin tam özellik matrisine göz atın.	Aç
	Ücretsiz deneme sürümünü indirin30 günlük deneme sürümü 60.HTML demo projelerini içerir.	Aç
	FiyatlandırmaTam kaynak kodlu Tekli, Ekip ve Site lisansları.	Aç