1. 田畑

MVCフォームのカスタマイズ可能なフィールド

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

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

Sitecoreでは、ASP.NET MVC (MVC) フォームと ASP.NET Webフォーム (非MVC) フォームの外観をカスタマイズできます。

デフォルトでは、フォームはコンテンツ ツリーのWebsiteフォルダ、Local Formsフォルダ、またはSample Formsフォルダ (sitecore/System/Modules/Web Forms for Marketers) に保存されます。

メモ

Sitecoreの設定によっては、フォームを保存する場所が異なる場合があります。

Sitecore MVCフォームの次のフィールドをカスタマイズできます。

Field

Description

フォームタイプ

フォームの位置を指定します。

  • Basic – フォームを垂直に配置し、積み重ねて、フィールドの上にラベルを配置します。

  • Horizontal – フォーム要素を2つの列に配置します。左側にラベルを配置し、右側に入力要素を配置します。

  • Inline – すべてのフォーム要素をインラインで配置し、ラベルを側面に配置します。フォームの配置は、Form Alignmentフィールドによって異なります。

デフォルト値はBasicです。

フォームの配置

フォーム内の要素の配置を指定します。

  • Center – 要素をフォームの中央に配置します。

  • Left – フォーム内の要素を左側に揃えます。

  • Right – フォーム内の要素を右側に揃えます。

デフォルト値はLeftです。

右列スタイル

右側の列の幅とスタイルを指定し、関連する画面サイズを定義します。

  • xs = 携帯電話

  • SM = 錠剤

  • md = デスクトップ

  • LG = より大きなデスクトップ

手記

同じ行の右列と左列の幅の合計は12に等しくなければなりません。

列内のコンテンツの外観を変更するには、Bootstrap CSSクラスの名前 ( col-md-10 col-xs-10 col-lg-10 col-sm-10 well-lgなど) も入力できます。

デフォルト値はcol-md-10 col-xs-10 col-lg-10 col-sm-10です。

左段組スタイル

左の列の幅とスタイルを指定し、関連する画面サイズを定義します。

  • xs = 携帯電話

  • SM = 錠剤

  • md = デスクトップ

  • LG = より大きなデスクトップ

手記

同じ行の右列と左列の幅の合計は12に等しくなければなりません。

列内のコンテンツの外観を変更するには、Bootstrap CSSクラスの名前 ( col-md-2 col-xs-2 col-lg-2 col-sm-2 jumbotronなど) も入力できます。

デフォルト値はcol-md-2 col-xs-2 col-lg-2 col-sm-2です。

カスタムCSSクラス

フォームの境界線、色、フォントなどをカスタマイズするために、フォームフィールドに割り当てるカスタムCSSクラスを指定します。

例えば:

contentDescription

送信ボタンの位置

フォーム上のSubmitボタンの位置を指定します。次のオプションがあります。

  • Center

  • Left

  • Right

  • Default

送信ボタンの種類

フォーム上のSubmitボタンのスタイルを指定します。次のオプションがあります。

  • Danger

  • Default

  • Info

  • Link

  • Primary

  • Success

  • Warning

送信ボタンのサイズ

フォーム上のSubmitボタンのサイズを指定します。次のオプションがあります。

  • Default

  • Extra Small

  • Large

  • Small

パラメーター

フォームのクラスで変更するプロパティの名前を入力します。たとえば、日付形式のプロパティを変更するには、次のように入力します。

<DateFormat>dd_mm_yyyy</DateFormat>

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