アイコン UI セクションの構成
アイコン UI セクションタイプを使用して、画面、ランチャー画面、機能に移動します。
始める前に
必要なロール:admin
手順
-
移動先 すべて > システムモバイル > モバイルアプリビルダー.
モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
-
作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
モバイルアプリビルダー カテゴリのホーム画面が表示されます。
- メニューから [すべてのモバイルレコード] を選択します。
- [レコードタイプ] リストから、 アイコンセクション [sys_sg_navigation_section] を選択し、 新規.
-
フォームで、フィールドに入力します。
表 : 1. UI セクションフォーム フィールド 説明 プロパティ タイトル UI セクションの名前。 有効 アイコンセクションを使用可能にするかどうかを設定する切り替え (オン/オフ)。 設定 ヘッダーを非表示 UI セクションヘッダーの可視化。このオプションが有効になっている場合、UI セクションヘッダーは表示されません。 向き UI セクションの向き。[水平] または [垂直] のいずれかを選択できます。 - 水平レイアウト:
このセクションタイプを使用すると、1 つの水平ビューに多くの画面またはランチャー画面のアイコンを表示できます。名前がカットされないようにするには、文字数を 20 文字以下に制限してください。水平レイアウトを使用すると、カウントを必要としない関連画面またはランチャー画面をグループ化できます。
- 垂直レイアウト:
承認や要求などのアクション可能なアイテムには、垂直レイアウトを使用してください。
表示タイプ アイコンセクションに画像、アイコン、またはテキスト付きカード (基本) を含めるかどうかを定義するオプション。
カウント数を強調する場合は、基本オプションを使用します。
フィード数を表示 各画面内のレコード数を表示します。このオプションは、垂直方向と水平方向の両方で使用します。 注:リスト画面とマップ画面を指すアイコンのみがカウント値を表示します。アイコンセクション宛先 アイコンをクリックした後にユーザーがリダイレクトされる宛先。宛先は、ランチャー画面、画面、または機能です。
[選択] を選択して既存のアイコン セクションの宛先を選択するか、[新規] を選択して構成します。
アクセス制御タイプ このランチャー画面のユーザーロール権限またはユーザー基準権限のいずれかを割り当てるオプション。詳細については、「モバイルアプリのユーザーロールとユーザー基準の権限」を参照してください。 ロールアクセス権 このランチャー画面にアクセスできるユーザーロールを決定します。ロールを選択しなかった場合、ロールを持つユーザーはランチャー画面にアクセスできます。 注:このフィールドは、[ アクセス制御タイプ ] フィールドで [ユーザーロール] が選択されている場合に使用できます。ユーザー基準アクセス このランチャー画面にアクセスできるユーザー基準を決定します。ユーザー基準を選択していない場合は、すべてのユーザーがランチャー画面にアクセスできます。 注:このフィールドは、[ アクセス制御タイプ ] フィールドで [ユーザー基準] が選択されている場合に使用できます。 - 水平レイアウト:
- [Save (保存)] を選択します。
- オプション:
アイコン セクションの列の数と形式を構成するには、フォームの上部にある その他のオプション メニュー (
) を選択し、 プラットフォームで開く を選択します。
レコードがインスタンスの Web UI で開き、次の構成を行うことができます。
フィールド 説明 列数 各アイコンセクションに表示される列の数。1 列から 3 列までを表示できます。[なし] を選択すると、1 列が表示されます。
このフィールドは、[向き] フィールドで [垂直] を選択した場合のみ利用可能です。
ワイド列数 横向きモードのタブレットや携帯電話などの大型デバイスで、各アイコンセクションに表示される列の数。1 列から 4 列までを表示できます。[なし] を選択すると、1 列が表示されます。
このフィールドは、[向き] フィールドで [垂直] を選択した場合のみ利用可能です。
注:[ワイド列数] フィールドでの選択は、[列数] フィールドの数値よりも大きくする必要があります。 - バナーを右クリックし、[ 保存] を選択します。
次のタスク
アイコン UI セクションを作成したら、UI セクションをランチャー画面に関連付けて表示されるようにする必要があります。詳細については、「ランチャー画面に UI セクションを追加します」を参照してください。
アイコンセクションをカスタマイズするには、「 アイコンセクションへの画像の追加」を参照してください。