Bootstrap Template
TsgcHTMLTemplate_Bootstrap — HTML 본문 콘텐츠를 구성 가능한 테마, 언어 및 텍스트 방향이 포함된 완전하고 독립적인 Bootstrap 5 문서로 감쌉니다.
TsgcHTMLTemplate_Bootstrap — HTML 본문 콘텐츠를 구성 가능한 테마, 언어 및 텍스트 방향이 포함된 완전하고 독립적인 Bootstrap 5 문서로 감쌉니다.
sgcHTML에서 가장 낮은 수준의 문서 래퍼입니다. 구성된 컴포넌트 HTML을 BodyContent에 할당하고, 문서 수준 설정을 구성한 후, HTML을 읽으면 내장 자산이 포함된 배포 가능하고 독립적인 Bootstrap 5 페이지를 얻습니다.
TsgcHTMLTemplate_Bootstrap
완전한 Bootstrap 5 문서 래퍼
Delphi, C++ Builder, .NET
렌더링된 컴포넌트 HTML을 BodyContent에 설정하고, 선택적으로 Title, HtmlTheme, HtmlLang을 구성한 후, HTML 속성을 읽으면 완전하고 배포 가능한 페이지를 얻습니다.
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;
가장 자주 사용하는 멤버.
문서 <body> 안에 배치되는 HTML 프래그먼트로, sgcHTML 컴포넌트의 연결된 출력을 여기에 할당합니다.
문서 헤드의 <title> 요소에 들어가는 텍스트입니다.
<html> 요소의 data-bs-theme에 기록되는 문자열로(예: 'light' 또는 'dark'), Bootstrap의 색상 시스템이 올바르게 전환되도록 합니다. 자동 라이트 / 다크 / 시스템 전환을 원하면 TsgcHTMLThemeBuilder(Mode = tmLight, tmDark 또는 tmSystem)를 ThemeBuilder 속성에 연결하십시오.
<html> 요소의 lang 속성으로, 기본값은 'en'입니다. sgcHTML은 또한 sgcHTMLSetLanguage로 선택할 수 있는, 17개 언어로 현지화된 내장 UI 텍스트를 제공하므로, 컴포넌트가 CJK, 키릴 문자 및 아랍어를 포함한 올바른 네이티브 문자로 렌더링됩니다.
dir 속성에 기록되는 문자열로(예: 'ltr' 또는 'rtl'), 오른쪽에서 왼쪽으로 쓰는 언어를 지원합니다.
<head>에 삽입되는 추가 HTML로, 사용자 정의 <meta> 태그나 추가 <script> 참조에 사용합니다. 인라인 <style> 블록에는 CustomCSS와 함께 사용하십시오.