概要 #
ドロップダウンは、複数の選択肢の中からひとつを選ぶ形式の入力オブジェクトです。
初期状態ではプレースホルダーが表示され、クリックで選択肢が展開されます。
項目数が多くなっても見た目がスッキリ保たれ、フォームのコンパクト化に役立ちます。
デザイン設定では、スタイルやカラー、サイズなどを調整することができ、
「ベーシック」「フローティング」「スタイリッシュ」など複数のスタイルから選択可能です。
また、選択肢の順番や初期表示値も設定画面から柔軟に編集できます。
ドロップダウンの設定項目の説明 #
ドロップダウンオブジェクトの設定項目では、見た目や配色、サイズなどをカスタマイズできます。
回答選択形式の中でも、コンパクトに選択肢を表示したい場合に適しており、以下の項目が設定可能です。
- ① デザイン：
表示スタイルを選択できます。「デザインを選択する」ボタンをクリックすると、プレースホルダーやラベルの配置、ボーダースタイルが異なる複数のテンプレートから選択できます。 - ② カラー選択：
ドロップダウン枠の色を設定できます。カラーコードでの指定も可能です。
オプションの「フォームカラーを使用」をONにすると、全体のフォームカラー設定に自動連動します。 - ③ サイズ：
ドロップダウンの表示幅を指定できます。単位は％で、100%に設定すると横幅いっぱいに表示されます。
ドロップダウンのデザイン選択画面の説明 #
この画面では、ドロップダウンオブジェクトのデザインを選択できます。
プレビュー付きで各スタイルの表示を確認しながら選ぶことができ、フォームの印象に合わせた最適なデザインを設定できます。
- 左カラム：「ドロップダウン」カテゴリに絞り込むことで、該当するスタイルのみを表示できます。
- 中央エリア：選択可能なスタイル一覧がカード形式で表示されます。カーソルを合わせると選択枠が強調され、クリックで適用されます。
- スタイル例：デフォルト、ベーシック、フローティング、スタイリッシュなど、7種類のデザインが用意されています。
各スタイルは、「プレースホルダーの位置」や「選択時の表示」などが異なるため、実際の用途に応じて選択してください。