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

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

ダイアログプロパティ

項目	入力値	オプション	デフォルト値
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
水平位置	horizontalAlignment	string	• left • center • right	left
垂直位置	verticalAlignment	string	• top • middle • bottom	top
スクロールバー	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

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

[詳細1] オプション

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

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

イベント

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