数値入力のスライダーオプションの構成

入力フォーム画面で数値入力用のスライダーオプションを作成します。スライダーは、ユーザーが入力範囲を視覚化し、選択肢を定義済みの最小値と最大値に制限することでエラーを減らすのに役立ちます。

始める前に

必要なロール：admin

このタスクでは、数値入力のスライダーオプションを追加する前に、入力フォーム画面の基礎がすでに構成されていることを前提としています。詳細については、「入力フォーム画面を構成する」を参照してください。

このタスクについて

スライダーのレンダリングタイプの作成は、他のレンダリングタイプ(整数、線、パーセンテージ)よりも複雑です。構成には複数の入力属性の作成が含まれます。必須のものとオプションのものがあります。数値入力のスライダーオプションを作成するには、少なくとも次の構成が必要です。

• RenderType は Slider です
• 最小入力属性
• 最大入力属性
• StepSize 入力属性

リストされているものに、追加の数値入力属性を追加できます。完全なリストについては、 入力可能な入力フォーム画面の属性 の [番号入力] セクションを確認してください。

さまざまなタイプのスライダーがどのように表示されるかを確認するには、「 スライダータイプとその入力属性」を参照してください。

表 : 1. スライダーの表示タイプの例

参照点を含むスライダー	番号付きの装飾スライダーとテキストインジケーター

手順

1. 移動先 すべて > システムモバイル > モバイルアプリビルダー.
   モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
   モバイルアプリビルダー カテゴリのホーム画面が表示されます。
3. [画面] カテゴリを選択します。
4. 既存の入力フォーム画面を選択するか、[ 新規]、[入力フォーム]、[ 続行] の順に選択します。
5. フォームの [入力] セクションまで下にスクロールし、入力を選択して変更するか、[ 新規] を選択して入力を作成します。
   [入力] フォームが表示されます。入力の構成の詳細については、「 入力フォーム画面の入力を構成する」を参照してください。
6. [設定] 領域内の [入力タイプ] フィールドで、[数値] を選択します。
7. 必要に応じて他のフィールドに入力し、[ 保存] を選択します。
8. [名前] フィールドから [RenderType] を選択し、[値] フィールドから [スライダー] を選択して、[保存] を選択します。
9. ナビゲーションツリーから入力レコードを選択し、[入力属性] 領域で [ 新規 ] を選択します。
10. [名前] フィールドから [最小] を選択し、スライダーの先頭に表示する最小値を入力して、[保存] を選択します。
11. ナビゲーションツリーから入力レコードを選択し、[入力属性] 領域で [ 新規 ] を選択します。
12. [名前] フィールドから [最大] を選択し、スライダーの最後に表示する最大値を入力して [保存] を選択します。
13. ナビゲーションツリーから入力レコードを選択し、[入力属性] 領域で [ 新規 ] を選択します。
14. [名前] フィールドから [StepSize] を選択し、スライダーに各増分数値を表す数値を入力して、[保存] を選択します。
    注:

    ステップは、最大サイズと最小サイズの入力属性の間で割り切れる数値である必要があります。
15. オプション: 作成するスライダーに適用可能な入力パラメーターを追加します。
    スライダーの種類の一覧については、「 スライダータイプとその入力属性」を参照してください。

    注:

    対応するラベルを持つセクションをスライダーに表示する装飾入力属性を選択した場合は、追加の構成を適用する必要があります。詳細については、「装飾スライダーの構成」を参照してください。
16. [保存] を選択します。