概要 #
チェックボックスは、複数の選択肢から複数項目を同時に選べるフォーム用のオブジェクトです。
「当てはまる項目をすべて選んでください」や「利用規約に同意する」など、複数選択や確認項目に最適です。
ボタン形式などの見た目も選べるため、用途やデザインに応じて柔軟にカスタマイズできます。
回答傾向の確認や条件分岐の設定に使うことも可能で、アンケートや申請フォームにおいて幅広く活用されます。
チェックボックスの設定項目 #
チェックボックスの設定画面では、フォーム内で使用されるチェック形式の項目について、スタイルや色をカスタマイズできます。設定内容は以下の通りです。
- ① デザイン：
使用するチェックボックスのスタイルを選択します。ボックスの形状やチェックの見た目などが異なるバリエーションから選べます。 - ② カラー選択：
チェックボックスのチェックマークや枠線に使用する色を指定します。色コードを直接入力するか、カラーパレットで選択できます。
「フォームカラーを使用」をオンにすると、フォーム全体の基本色が自動的に適用されます。
複数選択形式の質問に適したチェックボックスのスタイルは、UIの一貫性と可読性を高めるため、デザインに合わせた調整が重要です。
チェックボックスのデザイン選択画面 #
この画面では、チェックボックスオブジェクトの見た目を変更できるデザインスタイルを選択します。
左側のメニューから「チェックボックス」「ボタンスタイル」などを切り替え、右側で希望のスタイルをクリックするだけで反映されます。
- カテゴリ選択：左側のリストで、対象となるオブジェクトカテゴリ（チェックボックス、ボタンスタイルなど）を絞り込み表示できます。
- スタイル選択：中央の一覧には複数のスタイルパターンが並びます。クリックで選択でき、すぐにプレビューに反映されます。
- スタイルの例：
– 01.デフォルト：標準的なチェックボックス表示
– 05.ポップスタイル1：丸型のポップなデザイン
– 07.ボタンスタイル（デフォルト）：ボタンのように切り替え表示されるスタイル
それぞれの用途やUIに合わせて適切なデザインを選択してください。
デザインを選ぶことで、ユーザーの視認性や操作性を高めるだけでなく、全体の統一感あるフォームデザインを実現できます。