ヘッダーテンプレート

StepHeaderTemplate プロパティには、C1Wizard コントロールの各ステップのヘッダーに使用する HTML テンプレートが用意されています。デフォルトでは、C1Wizard の StepHeaderTemplate プロパティは「<h2>#{title}<h2>#{desc}」に設定され、ステップに Title と Description プロパティを設定すると、ヘッダーが次のように表示されます。

ただし、テンプレートにいくつかの変更を加えるだけで、ヘッダーを簡単に変更することができます。たとえば、StepHeaderTemplate プロパティの現在の設定を 「#{desc}<h5>#{title} 追加したテキスト </h5>」に置き換えるとヘッダーは次のようになります。

上記の例では、テンプレートのDescription（"{desc}"）とTitle（"{title}"）の位置を切り替えました。また、タイトルが見出し５のスタイルで表示され、タイトルの後に文字列「追加したテキスト」が表示されています。コントロールに追加する各ステップはこのヘッダーテンプレートの書式を採用します。

コンテンツテンプレート

PanelTemplateプロパティには、C1Wizard コントロールの各ステップのコンテンツ領域に使用する HTML テンプレートが用意されています。デフォルトでは、「<div></div>」 に設定され、すべてのコンテンツが <div> ブロック内に置かれますが、各ステップのコンテンツ領域を特定のスタイルのリストに適合される場合はこのテンプレートを変更することができます。