アバター

アバターはアイコン状のイメージコンポーネントです。クリックによりメニューを開くことも可能です。

Tips

プロパティ

UIダイアログ

項目	入力値	オプション	デフォルト値
ID	文字列		自動設定
幅	文字列		40
高さ	文字列		40
X	文字列
Y	文字列
サイズ	文字列	・小・中・大	中
スタイル	選択	円角丸正方形	OUTLINED
色	文字列カラーピッカー
バッジ	真偽	オンオフ	オフ
表示	真偽	オンオフ	オン
値	文字列選択ダイアログ
レター	文字列
クリックイベント	選択	なしメニュー	なし
メニューアイテム	表形式詳細1

アクション

項目	プロパティ	データ型	オプション	デフォルト値
ID	id	string		自動設定
幅	width	string		40
高さ	height	string		40
X	x	string
Y	y	string
サイズ	size	string	・small ・medium ・large	medium
スタイル	variant	string	circular rounded square	circular
色	color	string
バッジ	badge	boolean	true false	false
表示	visibility	boolean	true false	true
値	value	string
レター	letter	string
メニューアイテム	menuItems	array of object

Tips

[id],[width],[height],[size]プロパティはアクションで設定はできません。
[値(value)]はファイルマネージャへのパスです。
[値(value)]のイメージセルのアイコンをクリックするとファイルマネージャからの選択が可能です。
アバターにイメージではなく文字列を表示したい場合、[レター(letter)]に表示する文字列を設定してください。
[値 (value)]と[レター(letter)]両方設定している場合は、[値 (value)]が優先されます。
[バッジ(badge)]は、オン(true)の場合はアバターの右下に緑色のマークを表示します。オフ(false)の場合はアバターに緑色のマークを表示しません。また、バッジの表示／非表示を自動的に行う機能はありません。
[メニューアイテム]のNext UIに初期登録されていない認証UIを設定しないでください。初期登録されていない認証UIを設定した場合、不正な動作になることがありますので、ご注意ください。
[幅]、[高さ]プロパティ値には下記を入力できます。
px表示したい場合は数値のみ、%表示したい場合は単位に%を指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- 数値%
- calc()関数
[X] 、[Y]プロパティ値には下記を入力できます。
px表示したい場合は数値のみを指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- calc()関数
calc()関数はCSSの関数で、計算を可能にする関数です。（例：calc(100% - 30px)）
calc()関数で使用できる単位は「%」と「px」です。それ以外の単位（例：em,remなど）はサポート外になります。
calc()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。プレビューを用いてご確認ください。

[詳細1] メニューアイテム

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

選択	ID	ICON	LABEL	CLICK EVENT	NEXT UI	DIVIDER
チェックボックス	Profile	AccountCircle	Profile	None		いいえ
チェックボックス	MFA_Setting	Settings	MFA Setting	NextUi	MFA Setting step1	いいえ
チェックボックス	Change_Password	LockReset	Change password	NextUi	Change Password	いいえ
チェックボックス	Sign_Out	Logout	Sign out	NextUi	Sign Out	いいえ

menuItemsはオブジェクトの配列形式になります。

[
  {"id":"Profile","icon":"AccountCircle","label":"Profile","clickEvent":"None","nextUi":"","url":"","divider":false},
  {"id":"MFA_Setting","icon":"Settings","label":"MFA Setting","clickEvent":"NextUi","nextUi":"MFA_Setting_Step1_code","url":"","divider":false},
  {"id":"Change_Password","icon":"LockReset","label":"Change Password","clickEvent":"NextUi","nextUi":"Change_Password_code","url":"","divider":false},
  {"id":"Sign_Out","icon":"Logout","label":"Sign Out","clickEvent":"NextUi","nextUi":"Sign_Out_code","url":"","divider":false}
]

Tips

イベント

イベント名	説明
onclick	クリックした時にアクションを実行します。