Bootstrap テンプレート
TsgcHTMLTemplate_Bootstrap — 任意の HTML ボディコンテンツを、テーマ、言語、テキスト方向を設定可能な完全かつ自己完結型の Bootstrap 5 ドキュメントにラップします。
TsgcHTMLTemplate_Bootstrap — 任意の HTML ボディコンテンツを、テーマ、言語、テキスト方向を設定可能な完全かつ自己完結型の Bootstrap 5 ドキュメントにラップします。
sgcHTML の最も低レベルなドキュメントラッパーです。コンポーネントで構成した HTML を BodyContent に割り当て、ドキュメントレベルの設定を行い、HTML を読み取ることで、アセットが埋め込まれた展開可能な自己完結型の Bootstrap 5 ページを取得できます。
TsgcHTMLTemplate_Bootstrap
完全な Bootstrap 5 ドキュメントラッパー
Delphi, C++ Builder, .NET
BodyContent にレンダリングされたコンポーネント HTML を設定し、必要に応じて Title、Theme、Language を設定してから、HTML プロパティを読み取ることで完全な展開可能なページを取得できます。
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;最もよく使うメンバーです。
ドキュメントの <body> 内に配置される HTML フラグメントです。ここに sgcHTML コンポーネントの連結された出力を割り当てます。
ドキュメントヘッド内の <title> 要素のテキストです。
htLight、htDark、または htSystem。<html> 要素の data-bs-theme を設定し、Bootstrap のカラーシステムが正しく切り替わるようにします。
<html> 要素の lang 属性です。デフォルトは 'en' です。
hdLTR または hdRTL。右から左への言語サポートのために dir 属性を設定します。
閉じタグの前に <head> に注入される追加の HTML です。カスタムの <style> ブロック、<meta> タグ、または追加の <script> 参照に使用します。