ラジオボタングループ

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

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	`[id]`プロパティはアクションで設定はできません。
2	ラベル	文字列	Radio Button	label	string	Radio Button	コンポーネントのラベル
3	幅	文字列	222	width	string	222	コンポーネントの幅
4	高さ	文字列	40	height	string	40	コンポーネントの高さ
5	X	文字列		x	string		X座標位置
6	Y	文字列		y	string		Y座標位置
7	色	文字列カラーピッカー		color	string		コンポーネントの色
8	背景色	文字列カラーピッカー		backgroundColor	string		背景色
9	ラベル色	文字列カラーピッカー		labelColor	string		ラベルの文字色
10	入力文字色	文字列カラーピッカー		inputColor	string		ラベルの入力文字色
11	非アクティブ	真偽	OFF	disabled	boolean	false	コンポーネントの無効/有効状態
12	必須	真偽	OFF	required	boolean	false	読み取り専用モード
13	読み取り専用	真偽	OFF	readOnly	boolean	false	読み取り専用モード
14	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示/非表示
15	スクロールバー	真偽	OFF	visibility	boolean	false	スクロールバーの表示/非表示
16	水平位置	選択 1.左 2.中央 3.右	左	horizontalAlignment	string	left	水平方向の配置
17	垂直位置	選択 1.上 2.中央 3.下	上	verticalAlignment	string	top	垂直方向の配置
18	ヘルパーテキスト	文字列		helperText	string		ヘルパーテキスト
19	方向	選択 1.垂直 2.水平	垂直	direction	string	vertical	選択肢の並び方
20	オプション	表形式 `[詳細1]`	`[詳細1]`	options	string	`[詳細1]`	水平方向の配置
21	値	文字列	option1	value	string	option1	ラジオボタンの選択されたデータ
22	エラー			error	boolean		エラー状態
23	チェンジイベント	選択 1.なし 2.アクション	なし				値変更時のイベント設定

[オプション]はフィールド右上のアイコンからダイアログが起動します。
[幅]、[高さ]プロパティ値には下記を入力できます。
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	値の変更が行われた時に発生します。