チェックボックスグループ

チェックボックスグループは複数のチェックボックス選択肢からひとつ、または複数選択を行うコンポーネントです。選択肢となるチェックボックスはオプション設定によって行います。

Tips

プロパティ

項目	入力値	オプション	デフォルト値
ID	文字列		自動設定
ラベル	文字列		Checkbox Group
幅	文字列		222
高さ	文字列		115
X	文字列
Y	文字列
色	文字列カラーピッカー
背景色	文字列カラーピッカー
ラベル色	文字列カラーピッカー
入力文字色	文字列カラーピッカー
非アクティブ	真偽	• オン • オフ	オフ
読み取り専用	真偽	• オン • オフ	オフ
必須	真偽	• オン • オフ	オフ
表示	真偽	• オン • オフ	オン
スクロールバー	真偽	• オン • オフ	オフ
ヘルパーテキスト	文字列
方向	選択	• 垂直 • 水平	垂直
オプション	表形式詳細1		[{“label”:“Option1”,“value”:“option1”},{“label”:“Opton2”,“value”:“option2”}]
値	選択		[“option1”]
チェンジイベント	選択	・なし・アクション	なし

項目	プロパティ	データ型	オプション	デフォルト値
ID	id	string		自動設定
ラベル	label	string		Checkbox Group
幅	width	string		222
高さ	height	string		115
X	x	string
Y	y	string
色	color	string
背景色	backgroundColor	string
ラベル色	labelColor	string
入力文字色	inputColor	string
非アクティブ	disabled	boolean	• true • false	false
読み取り専用	readOnly	boolean	• true • false	false
必須	required	boolean	• true • false	false
表示	visibility	boolean	• true • false	true
スクロールバー	scrollBar	boolean	• true • false	false
ヘルパーテキスト	helperText	string
オプション	options	array of object		[{“label”:“Option1”,“value”:“option1”},{“label”:“Opton2”,“value”:“option2”}]
値	value	string array		[“option1”]
エラー	error	boolean

Tips

[id]プロパティはアクションで設定はできません。
[オプション]はフィールド右上のアイコンからダイアログが起動します。
[幅]、[高さ]プロパティ値には下記を入力できます。
px表示したい場合は数値のみ、%表示したい場合は単位に%を指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- 数値%
- calc()関数
[X]、[Y]プロパティ値には下記を入力できます。
px表示したい場合は数値のみを指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- calc()関数
calc()関数はCSSの関数で、計算を可能にする関数です。（例：calc(100% - 30px)）
calc()関数で使用できる単位は「%」と「px」です。それ以外の単位（例：em,remなど）はサポート外になります。
calc()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。
プレビューを用いてご確認ください。
[背景色]に指定した色は、チェックボックスの□の枠部分に反映されます。

デフォルトの状態は以下のように登録されています。[ADD]ボタンから[Label]と[Value]の組を登録します。削除する場合は、チェックボックスを選択して、[DELETE]ボタンをクリックします。

選択	Label	Value
チェックボックス	Option1	option1
チェックボックス	Option2	option2

イベント名	説明
onchange	値の変更が行われた時に発生します。