5.4.15. ユーザカテゴリ、および、ユーザ定義へのアイコン設定方法¶
5.4.15.1. アイコンについて¶
- ロジックフロー編集画面上でフロー作成を行う際の視認性が向上し、オペレーションミスを防ぎます。
- 他の人が作成したロジックフローなどを確認する際、配置されたユーザ定義の目的等がわかりやすくなります。
図：アイコン設定概要
5.4.15.2. アイコンの設定¶
5.4.15.2.1. ユーザカテゴリにアイコンを設定する¶
- 「サイトマップ」→「LogicDesigner」→「ユーザ定義一覧」から、ユーザ定義一覧を開きます。ユーザ定義一覧上部のヘッダ内、「カテゴリ一覧」をクリックします。
- ユーザカテゴリ一覧画面左上の「新規作成」をクリックします。
ユーザカテゴリ情報の各項目に以下の値を入力します。
フローカテゴリID「tutorial_user_category_with_icon」
フローカテゴリ名
- 標準 - 「チュートリアルユーザカテゴリ（アイコン付）」
- 日本語、英語、中国語（中華人民共和国） - 入力なし
図：ユーザカテゴリ情報の入力
ユーザカテゴリ情報のアイコンの項目内の「選択」をクリックします。
図：アイコンの選択
アイコンの選択ダイアログが表示されます。
図：アイコン選択ダイアログ
ダイアログ上部の検索欄に「im_tree_structure_1」と入力し、「検索」をクリックします。
図：検索
検索結果の候補で表示されたアイコンをクリックします。
図：アイコンの選択
「決定」をクリックします。
図：決定
「登録」をクリックします。
5.4.15.2.2. ユーザ定義にアイコンを設定する¶
「サイトマップ」→「LogicDesigner」→「JavaScript定義新規作成」から、JavaScript定義新規作成を開きます。
コラム
本チュートリアルではユーザ定義（JavaScript）をベースに説明を進めますが、他のユーザ定義でも設定方法は同じです。
ユーザ定義の基本情報となる各項目に以下の値を入力します。
ユーザ定義ID「tutorial_ud_javascript_with_icon」
バージョン「1」（固定）
- ユーザ定義名
- 標準 - 「ユーザ定義[JavaScript]（アイコン付）」
- 日本語、英語、中国語（中華人民共和国） - 入力なし
- カテゴリ
- カテゴリID - 「tutorial_user_category_with_icon」
ソート番号「12001」
図：ユーザ定義情報の入力
JavaScript定義編集情報のアイコンの項目内、「選択」をクリックします。
図：アイコンの選択
アイコンの選択ダイアログが表示されます。
図：アイコン選択ダイアログ
ダイアログ上部の検索欄に「im_note_pin_pencil」と入力し、「検索」をクリックします。
図：検索
検索結果の候補で表示されたアイコンをクリックします。
図：アイコンの選択
「決定」をクリックします。
図：決定
「登録」をクリックします。
5.4.15.3. アイコンが設定されたことを確認する¶
- 「サイトマップ」→「LogicDesigner」→「フロー定義一覧」から、ロジックフロー定義一覧を開きます。ロジックフロー定義一覧画面左上の「ロジックフロー新規作成」をクリックします。
「ロジックフロー定義編集」画面から、以下を確認します。
- 画面左部、エレメント一覧の「チュートリアルユーザカテゴリ（アイコン付）」ユーザカテゴリのアイコン
- チュートリアルユーザカテゴリ（アイコン付）ユーザカテゴリにカテゴライズされている「ユーザ定義[JavaScript]（アイコン付）」ユーザ定義のアイコン
図：アイコンの確認 その１
「ユーザ定義[JavaScript]（アイコン付）」ユーザ定義をクリックします。
フロー編集画面上に追加されたユーザ定義に、設定を行ったアイコンが表示されていることを確認します。
図：アイコンの確認 その2
コラム
アイコンが未設定のユーザカテゴリ、および、ユーザ定義について
図：「im_arrow_270」アイコン