1. Sitecoreフォーム

フォーム要素のスタイル設定のためのオートコンプリートリストの作成

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

フォームにスタイルを適用するには、フォームデザイナーがCSS名(btn-primaryなど)を手動で入力します。ただし、これにはCSSクラスの知識が必要であり、入力ミスが発生しやすくなります。これを簡単にするために、次の図に示すように、フォーム デザイナーが選択できるわかりやすい名前を使用して、各フィールドの種類で使用可能なCSSクラス オプションの一覧を作成できます。

CSS class options available for a form element
メモ

Sitecore Formsは、デフォルトではCSSクラス オプションを提供しません。フォーム デザイナーはCSS classフィールドに入力できますが、候補は表示されません。

CSSクラス オプションは、独自のスタイルシートに基づいて設定することも、任意のCSSフレームワーク (Bootstrapなど) に基づいて設定することもできます ( 「チュートリアル : Bootstrap CSSクラス オプションを作成してButton要素のスタイルを設定する」を参照)。

手動で定義したCSSクラスとオートコンプリート リストのCSSクラス オプションは、Contentタブの2つの別々のフィールド (sitecore/Forms/<form>) に保存されます。つまり、既存のフォームに手動で入力したCSSクラスは、Sitecore 10.1以降に移行するときに保持されます。

CSS class fields on the Content tab
この記事を改善するための提案がある場合は、 お知らせください!