詳細設定コンポーネント

HTML 要素

HTML 要素を使用すると、1 つの HTML 要素をフォームに表示し、ユース ケースに基づいて設定できます。

注: [フォームを作成] アクティビティ内で [サニタイズを無効化] プロパティを有効化すると、HTML 要素内の安全でないコンテンツをすべて表示できます。

• HTML タグ - HTML 要素のタグです。
• CSS クラス - この HTML 要素に追加できる CSS クラスです。複数のクラスを単一スペースで区切って入力できます。
• 属性 - HTML 要素の属性です。使用できるのは src、href、title などの安全な属性のみです。
• コンテンツ - HTML 要素のコンテンツです。
• 変更時に更新 - フォームの値が変更された場合に、常に HTML 要素を再レンダリングします。

画像フォームを表示するには、HTML 要素コンポーネントを使用する必要があります。以下のチュートリアル「画像を表示する」をご覧ください。

PDF ファイルの場合は、カスタム HTML フォームを作成した場合にのみ表示できます。

コンテンツ

コンテンツ コンポーネントを使用すると、情報をフォームに表示専用で追加できます。コンポーネントの値はワークフローに返されません。

• 変更時に更新 - フォームの値が変更されるたびにコンテンツ コンポーネントをレンダリングします。

メール

データ型: String

メール コンポーネントを使用すると、メール アドレスを入力するためのフィールドを追加できます。

URL

データ型: System.Uri

Url コンポーネントを使用すると、URL アドレスを入力するためのフィールドを追加して、確実に正しい形式で入力できます。

電話番号

データ型: String

電話番号コンポーネントを使用すると、電話番号を入力するためのフィールドを追加できます。

• 定型入力 - あらかじめ定義された電話番号形式を提供します。電話番号フィールドの既定の形式は [phone] です。
• 9 - 数値
• a - アルファベット
• ** \* ** - 英数字
• InputMask のプレースホルダー文字 - フィールド内で文字をプレースホルダーとして使用できます。 対象

  たとえば、ハイフン (-) を使用できます。

注: マスク内でプレースホルダーを使用した場合は、空白に置換されます。

日付/時刻

データ型: String

日付/時刻コンポーネントを使用すると、日付、時刻、またはその両方を入力できます。

• 形式 - 日付/時刻の値を表示する形式です。
• 日付の入力を有効化 - ユーザーがこのフィールドに日付を入力することを許可します。
• 日付の最小値を設定する moment.js を入力 - ユーザーはカレンダーから選択する代わりに、minDate moment 関数を入力できます。
• カレンダーを使用して最小日付を設定 - ユーザーはカレンダーを使用して minDate を設定できます。
• 日付の最大値を設定する moment.js を入力 - ユーザーはカレンダーから選択する代わりに、maxDate moment 関数を入力できます。
• カレンダーを使用して最大日付を設定 - ユーザーはカレンダーを使用して maxDate を設定できます。
• 特定の日付または特定の範囲内の日付を無効化 - 禁止する日付を追加します。例: 2027-08-11
• ユーザー定義の無効な日付 - カスタマイズした関数を使用して特定の日付を禁止できます。
• 週末を無効化 - 週末を禁止できます。
• 平日を無効化 - 平日を禁止できます。
• 時刻の入力を有効化 - ユーザーがこのフィールドに時刻を入力することを許可します。
• 時間ステップ サイズ - 時刻の選択時に増減する時間数です。
• 分ステップ サイズ - 時刻の選択時に増減する分数です。
• 12 時間制 (AM/PM) - AM または PM を使用して時刻を 12 時間制で表示します。
• 既定の日付 - Moment.js 関数を使用して、既定値を特定の日付に設定します。たとえば、moment().substract(10, 'days') 関数を使用できます。
  
  

  

  
  

Day (日)

データ型: System.DateOnly

日付コンポーネントを使用すると、数値型フィールドまたは選択型フィールドのいずれかを使用して、日、月、年の入力を求めることができます。

• 種類/入力の種類 - 日にち、月、年の入力方法として、数値を入力するか、それともドロップダウン リストからオプションを選択するかを選択します。

最小の年/最大の年 - 入力できる最小/最大の年を選択します。

• 日にちの入力必須 - フォームを表示するには、[日にち] フィールドに入力する必要があります。
• 月の入力必須 - フォームを表示するには、[月] フィールドに入力する必要があります。
• 年の入力必須 - フォームを表示するには、[年] フィールドに入力する必要があります。
• 最大日付 / 最小日付 - 入力できる最小/最大の日付を選択します。Moment.js 関数も使用できます。たとえば、moment().add(10, 'days') を使用できます。
  
  

  

  
  

Time

データ型: System.TimeOnly

時刻コンポーネントを使用すると、さまざまな形式で時刻を入力できます。

• 入力の種類 - 時間の入力に使用するウィジェットの種類を選択します。HTML5 Time Input では、ユーザーは表示されるパネルから時刻を選択できます。Text Input with Mask では、ユーザーは手動で時刻を入力できます。

通貨

データ型: System.Double

通貨コンポーネントを使用すると、特定の通貨を使用して金額を表示できます。このコンポーネントには、通貨アイコンを表示し、ユーザーが入力した数に基づいて自動的にコンマを追加する定型入力機能があります。小数点以下 2 桁の値を入力できます。

• 通貨 - ドロップダウン リストから特定の通貨を選択します。

アンケート

データ型: System.Collections.Generic.Dictionary<System.String,System.String>

アンケート コンポーネントを使用すると、ユーザーがリストから値を 1 つだけ選択して複数の質問に回答できます。

• 質問 - ユーザーが回答する必要がある質問を追加します。
• 値 - ユーザーが各質問で選択できるオプションを追加します。