ドロップダウン
Dropdown UIパターンを使用すると、ユーザーが複数のオプションから選択することができます。Dropdown UIパターンは、5つ以上のオプションの選択肢を提供するために使用します。オプションの数が非常に多い場合は、コンテキストが失われないようにするため、Dropdown Select UIパターンを使用することを検討してください。
Dropdown UIパターンの使用方法
-
Service Studioのツールボックスで
Dropdown
を検索します。Dropdownウィジェットが表示されます。
-
ツールボックスから、Dropdownウィジェットをアプリケーション画面のメインコンテンツ領域にドラッグします。
-
[Prompt]プレースホルダにDropdownの名前を入力し、[Dropdown List]プレースホルダにDropdownの値を入力します。
-
これらの手順を実行してモジュールをパブリッシュした後、アプリでパターンをテストできます。
プロパティ
プロパティ | 説明 |
---|---|
ExtendedClass(Text型): オプション | Dropdown UIパターンにカスタムスタイルクラスを追加します。CSSを使用して、アプリケーションのカスタムスタイルクラスを定義します。 例
|