カスタムフォーム要素カテゴリの作成
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore Formsには、フォームを作成するときに使用できるデフォルトのフォーム要素が付属しています。使用する要素を見つけやすくするために、すべての要素は基本、リスト、構造、セキュリティなどのカテゴリに整理されています。
これらの要素カテゴリを折りたたんだり展開したりできるため、使用可能なすべての要素の長いリストをスクロールする必要はありません。 カスタムフォーム要素を作成する場合は、カスタムセクションも作成することができます。
Form Elementsペインでカスタムセクションを作成するには:
-
Sitecore Rocksで、コア データベースを展開し、/sitecore/client/Applications/FormsBuilder/Pages/FormDesigner/PageSettings/InfoTabControl/ に移動し、Designを右クリックしてTaskをクリックし、Design Layoutをクリックします。
-
Design Layoutウィンドウで「 Add Rendering」をクリックし、「Select Renderings」ダイアログボックスでExpanderレンダリングを見つけて「 Add」をクリックします。
-
Expanderレンダリングのプロパティ ウィンドウを開いて、IDを変更します。たとえば、IDをExpanderCustomSectionに変更します。
-
カスタム セクションに他のセクションと同じスタイルを設定するには、AppearanceセクションでVisualStyleをContextPaneに設定します。
-
Design Layoutウィンドウで「 Add rendering」をクリックし、「Select Renderings」ダイアログボックスでレンダリングのDraggableElementListを見つけて「 Add」をクリックします。
-
DraggableElementListレンダリングのプロパティウィンドウを開いて、そのIDを変更します。たとえば、IDをDraggableCustomに変更し、PlaceholderをExpanderCustomSection.Body
-
DraggableElementList-Parametersテンプレートからカスタムアイテムを作成します。/sitecore/client/Applications/FormsBuilder/Pages/FormDesigner/PageSettings/InfoTabControl/Design/ に移動し、PageSettingsを右クリックして、DraggableElementList-Parametersテンプレートに基づいてアイテムを追加します。
項目の名前は、DraggableElementListレンダリングのIDと同じである必要があります。この例では、DraggableCustom.
-
DraggableElementListパラメータを編集します。そのDatabaseフィールド値をmasterに設定し、StaticDataをmasterデータベースの /sitecore/system/Settings/Forms/Field Typesアイテムの下にあるカスタム フォルダーのIDに設定します。DisplayFieldNameを$displayNameに更新します。
メモカスタムフィールドがまだない場合は、Field Typesノードの下にある既存のフォルダー ( Basicフォルダー ({B5350D9A-CEEE-4D15-B9FF-797CEACCCDC7}) など) をテスト目的で使用できます。
-
Expander Parameterテンプレートからカスタムアイテムを作成します。Page Settingsを右クリックし、Expander Parameterテンプレートに基づいてアイテムを追加します。アイテムの名前がExpanderレンダリングと同じであることを確認します (この例ではExpanderCustomSectionです)。
-
Expanderパラメータを編集します。カスタムセクションに名前を付けるには、HeaderTextフィールドに入力し、IsVisibleチェックボックスを選択します。
これらの手順を実行すると、カスタムセクションがForm elementsペインに表示されます。