ラジオボタングループ

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

ノート

コンポーネントの高さよりもラジオボタンの選択肢が多い場合、選択肢の一部が見えなくなります。その場合、高さを十分に大きくするか、[スクロールバー (scrollBar)]プロパティを [ON (true)]に設定します。

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	[id]プロパティはアクションで設定はできません。
2	ラベル L	文字列	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	位置固定	真偽	OFF	lock	boolean	false	ONの場合は画面をスクロールしてもコンポーネントが固定されて表示されます。 OFFの場合は画面をスクロールするとそれに合わせてコンポーネントも動きます。 v4.1.0で追加されたプロパティ
8	サイズ	選択 1.小 2.中 3.指定なし	中	size	string	medium	指定なし以外を選択した場合はフォントサイズは無効になります。 v4.2.0で追加されたプロパティ
9	フォントサイズ	数値	16	fontSize	number	16	ラベルおよびボタンのフォントサイズ サイズが指定なしの場合のみ有効です。 v4.2.0で追加されたプロパティ
10	色	文字列 カラーピッカー		color	string		コンポーネントの色
11	背景色	文字列 カラーピッカー		backgroundColor	string		背景色
12	ラベル色	文字列 カラーピッカー		labelColor	string		ラベルの文字色
13	入力文字色	文字列 カラーピッカー		inputColor	string		ラベルの入力文字色
14	非アクティブ	真偽	OFF	disabled	boolean	false	コンポーネントの無効/有効状態
15	必須	真偽	OFF	required	boolean	false
16	読み取り専用	真偽	OFF	readOnly	boolean	false	読み取り専用モード
17	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示/非表示
18	スクロールバー	真偽	OFF	scrollBar	boolean	false	スクロールバーの表示/非表示
19	水平位置	選択 1.左 2.中央 3.右	左	horizontalAlignment	string	left	水平方向の配置
20	垂直位置	選択 1.上 2.中央 3.下	上	verticalAlignment	string	top	垂直方向の配置
21	ヘルパーテキスト	文字列		helperText	string		ヘルパーテキスト
22	方向	選択 1.垂直 2.水平	垂直	direction	string	vertical	選択肢の並び方
23	オプション	表形式 [詳細1]	[詳細1]	options	string	[詳細1]	水平方向の配置
24	値	文字列	option1	value	string	option1	ラジオボタンの選択されたデータ
25	エラー			error	boolean	false	エラー状態
26	チェンジイベント	選択 1.なし 2.UIスクリプト 3.アクション 4. 切り離されたアクション	なし				値変更時のイベント設定 切り離されたアクションはv4.1.0で選択可能になりました。 UIスクリプトはv4.2.0で選択可能になりました。
27	切り離されたアクション	選択 1.[切り離されたアクションのID]		detachedAction	string		切り離されたアクションを設定 v4.1.0で追加されたプロパティ

ノート

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

[詳細1] オプション

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

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

イベント

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