BI ポータルは、ダッシュボード、ワークブック、データ入力フォーム、外部リンクなどのデータアイテムのコレクションであり、メニュー形式で整理されています。BI ポータルを使用して、テーマ分析のための複雑なナビゲーションメニューを作成できます。データの表示要件に基づいて、PC およびモバイル BI ポータルの基本情報、ナビゲーションフレーム、および一般的なコントロールを構成できます。この Topic では、モバイル BI ポータルの作成方法について説明します。
構成の説明
BI ポータルの作成には、ポータル構成とメニュー構成が含まれます。一部の設定は PC クライアントとモバイルクライアントで共有されており、個別に構成する必要はありません。その他の設定は、各クライアントごとに構成する必要があります。詳細は次のとおりです。
ポータル構成:
基本構成とナビゲーションフレームは個別に構成する必要があります。
一般的なコントロールの追加は、PC クライアントと同じ構成を使用します。

メニュー構成:
メニュー表示スタイルのみを個別に構成する必要があります。

ポータル構成
操作エントリポイント
モバイルポータルを構成するには、ページ上部のクライアントスライダーを
アイコンに移動します。
ページの上部で、[ポータル設定] アイコン
をクリックします。メニューを構成する際に、[ポータル構成] をクリックしてポータル構成インターフェイスを開きます。

基本構成
構成項目 | 説明 |
グローバル ロゴ | モバイルクライアントのグローバル表示ロゴを設定します。公式のマテリアルを選択するか、カスタムイメージをアップロードできます。アップロードするイメージの推奨サイズは 60×60 から 180×60 ピクセルで、イメージサイズは 100 KB を超えることはできません。 説明 グローバルロゴは、[ナビゲーションフレームモード] が [タイルレイアウト] に設定されている場合にのみ有効になります。グローバルロゴのスタイルを構成するには、タイルレイアウトのカバーエリア構成で設定を調整します。 |
メインタイトルとサブタイトル | 現在のポータルのメインタイトルとサブタイトルを入力します。サブタイトルは 1,000 文字を超えることはできません。 説明 サブタイトルは、[ナビゲーションフレームモード] が [タイルレイアウト] に設定されている場合にのみ有効になります。サブタイトルのスタイルを構成するには、タイルレイアウトのカバーエリア構成で設定を調整します。 |
表示モード | ページの開き方を設定します。[現在のページで開く] または [新しいウィンドウで開く] を選択できます。
|
ナビゲーションフレーム
ナビゲーションフレームでは、[テーマモード] と [ナビゲーションフレームモード] を設定できます。
テーマモード
テーマを [ライトモード] または [ダークモード] に設定します。
ライトモード

ダークモード

ナビゲーションフレームモード
[トップナビゲーションレイアウト]、[ボトムナビゲーションレイアウト]、または [タイルレイアウト] を選択できます。

上部ナビゲーション レイアウト
構成項目
構成コンテンツ
説明
上部ナビゲーション
ナビゲーションバーの高さ
ナビゲーションバーの高さを設定します。
ナビゲーションバーの 背景
ナビゲーションバーの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。
メニュータブ
メニュータブのスタイル、テキスト形式、およびタブ ラベルの幅を設定します。
タブスタイル: スタイルを [バー]、[テキスト]、または [ブロック] に設定します。

タブテキスト: タブラベルの通常テキストと選択済みテキストのフォーマットを設定します。

ラベル幅: タブラベルの幅を設定します。[自動] を選択してページに基づいて幅を自動的に設定するか、固定幅を設定できます。

ドロップダウン メニュー
ナビゲーションメニューエリアの 背景
ナビゲーションメニューエリアの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。

テキスト表示
ナビゲーションメニューエリアの通常テキストと選択済みテキストのスタイルを設定します。メニュー行の高さをカスタマイズできます。

下部ナビゲーション レイアウト
構成項目
構成コンテンツ
説明
下部ナビゲーション
ナビゲーションバーの高さ
ナビゲーションバーの高さを設定します。
ナビゲーションバーの 背景
ナビゲーションバーの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。
メニュータブ
メニュータブのスタイルとテキスト形式を設定します。
タブスタイル: スタイルを [テキストのみ] または [アイコン + テキスト] に設定します。

タブテキスト: 通常テキストと選択済みテキストのスタイルを設定します。

ドロップダウン メニュー
ナビゲーションメニューエリアの 背景
ナビゲーションメニューエリアの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。

テキスト表示
ナビゲーションメニューエリアの通常テキストと選択済みテキストのスタイルを設定します。メニュー行の高さをカスタマイズできます。

タイル レイアウト
構成項目
構成コンテンツ
説明
カバーを表示
ページの上部にカバーエリアを表示するかどうかを指定します。

カバー領域の構成
カバー領域の高さ
カバー領域の高さを設定します。

コンテンツエリアの下 マージン
コンテンツエリアの下 マージン を設定します。

カバー領域のコンテンツ

グローバルロゴ: グローバルロゴを表示するかどうかを指定し、ロゴのサイズを調整します。
メインタイトルとサブタイトル: メインタイトルとサブタイトルを表示するかどうかを指定し、フォントフォーマットを調整します。
配置: メインタイトルとサブタイトルの配置を設定します。[左揃え] または [中央揃え] を選択できます。
カバー領域の 背景
カバーエリアの背景色を設定します。システム提供のイメージを重ねるか、カスタムイメージをアップロードできます。アップロードするイメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。

コンテンツ領域の構成
カードエリアの 背景
カードエリアの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。

カード間隔
カード間の間隔を設定します。
カードタイトル
カードエリアのタイトルの フォント 形式を設定します。
メニュー名
カードエリアのメニュー名のフォントフォーマットを設定します。
1 行あたりの最大数
1 行に表示できるメニューの最大数を設定します。

アイコン表示サイズ
メニューバーのアイコンの表示サイズを設定します。

ページの 背景
ページの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。

ページの余白
ページの上、下、左、右の余白を設定します。左側の
アイコンをクリックして、上下の余白に同じ値を設定します。右側の
アイコンをクリックして、左右の余白に同じ値を設定します。
レポートナビゲーション表示を 有効にする
ページの上部にレポートナビゲーションを表示するかどうかを指定します。このナビゲーションのスタイルは、トップナビゲーションモードのスタイル設定に従います。
このオプションは、タイルレイアウトではデフォルトで選択されています。このオプションを選択すると、ユーザーが BI ポータルでレポートを表示する際に、各レベルのメニューで構成されるナビゲーションパスがページの上部に表示されます。これにより、ユーザーは現在のレポートの場所を把握し、関連ページにすばやく移動できます。
タイルレイアウトでは、ホームページに最大 2 レベルのポータルメニューを表示できます。メニューに 2 つを超えるレベルがある場合:

レポートナビゲーション表示が有効になっている場合、ノードをクリックしてからページ上部のナビゲーションバーから次のレベルに切り替えて、関連コンテンツを表示できます。

レポートナビゲーション表示が無効になっている場合、ノードをクリックしてからページ下部のポップアップウィンドウから次のレベルに切り替えて、関連コンテンツを表示できます。

一般的なコントロールの追加
一般的なコントロールの設定は、モバイルクライアントと PC クライアントで同じです。
構成項目 | 説明 |
メニュー キャッシュ | このオプションを選択すると、メニューがキャッシュされます。複数のメニューを開いた場合、切り替えるときに再読み込みする必要はありません。 |
ポータル エイリアス | BI ポータルのエイリアスを指定します。エイリアスはポータル URL に追加されます。たとえば、「1」と入力した場合、ポータルエイリアスは次のようになります:
説明 入力する内容は、法律および規制に準拠している必要があります。違法、ポルノ、反動的、または非倫理的な情報を入力しないでください。 |
メニュー構成
モバイルクライアントの場合、[メニュー表示スタイル] のみ個別の構成が必要です。他のすべての設定は PC クライアントと同じです。
BI ポータル編集ページで、ターゲットメニューをクリックして [メニューの設定] ページを開きます。

[メニューの設定] ページで、[ポータルメニュー]、[システム機能]、および [メニュー設定] を構成します。

ポータルメニューの構成

① メインメニューを追加します。これはレベル 1 のメニューです。
② レベル 2 以下のメニューを追加します。
③ メニューをホームページとして設定します。これにより、BI ポータルを開いたときにホームページがデフォルトで表示されます。
④ メニューを削除します。
システム機能の設定
次の図に示すように、[メニュー検索] 機能を追加できます。

[その他] アイコンの表示ロジック:
トップナビゲーションバー (①) のレベル 1 ナビゲーションの合計幅が画面幅を超えると、[その他] アイコンが自動的に表示されます。
ボトムナビゲーションバー (②) に 5 つ以上のレベル 1 ナビゲーション項目がある場合、[その他] アイコンが自動的に表示されます。
[その他] アイコンをクリックして、ポータルメニューリストページを開きます。
[メニュー検索] 機能が有効になっている場合、メニュー名を検索できます。
モバイルクライアントで、メニュー検索ボックスの [背景の塗りつぶし色]、[アイコンの色]、[枠線の色]、および [空] と [入力] 状態のテキストスタイルを構成します。
メニュー設定
構成項目
説明
メニュー名
メニューの名前。
折りたたみを許可
メニューを折りたたむことができるかどうかを指定します。
デフォルト で折りたたむ
メニューのデフォルトの状態を指定します。
説明このオプションは、[折りたたみを許可] が選択されている場合にのみ設定できます。
ノード タイプ
ノードタイプをコンテンツノードまたは空のノードに設定します。
ノードが親ノードの場合、空のノードとして設定できます。
子ノードを追加すると、親ノードは自動的に Empty ノードになります。親ノードがコンテンツノードだった場合、そのコンテンツはクリアされます。

コンテンツ タイプ
コンテンツタイプは [スペースリソース] または [外部リンク] に設定できます。モバイル BI ポータルの場合、次のタイプの [スペースリソース] のみがサポートされます:
ダッシュボード
ワークブック
データ入力

表示モード
サポートされているモードは、[現在のページで開く]、[新しいウィンドウで開く]、および [現在のページと新しいウィンドウ] です。
説明このオプションは、メニューが空のノードとして設定されていない場合にのみ設定できます。
サイト構成で統一されたページの開き方を選択している場合、単一のメニューページの開き方をカスタマイズすることはできません。単一のメニューページの開き方をカスタマイズするには、設定を [各メニューページの表示モードをカスタマイズ] に変更します。

メニュー表示スタイル
[メニュー表示] の表示/非表示、[アイコンを表示] の選択、アイコンサイズ、通常状態と選択状態の [メニューアイコン]、および [アイコンとテキストの間隔] を構成できます。

PC またはモバイルクライアントでメニューの表示ステータスをカスタマイズできます。モバイルクライアントでメニューを非表示にすることを選択した場合、そのメニューとその子メニューは表示されません。PC クライアントでのメニュー表示は影響を受けません。PC クライアントでのメニュー表示を構成するには、PC BI ポータルを作成する際に設定を行います。

メニューアイコンは、[マテリアルを使用] または [カスタムイメージ] をサポートしています。
マテリアルを使用

カスタムイメージ
ローカルイメージをアップロードする (①) か、URL を使用してイメージをアップロードする (②) ことができます。

[保存] をクリックしてメニュー構成を完了します。
テーマ構成
BI ポータル編集ページで、右上隅の
アイコンをクリックします。表示されるパネルで、下部にあるモード切り替えアイコンを見つけて、BI ポータルのライトテーマとダークテーマを切り替えます。
説明テーマモードの切り替えは、モジュールレベルではなくアカウントレベルで適用されます。たとえば、ワークブックをライトモードに切り替えると、ダッシュボードやデータ入力フォームなど、テーマの切り替えをサポートする他のモジュールもライトモードに切り替わります。
① ライトモード

② ダークモード

③ システムに従う
このオプションは、カスタム構成で設定されたシステムスタイルに従います。

詳細については、「システムテーマのカスタマイズ」をご参照ください。
説明システムスタイルは Tennant Management でのみ設定できます。モジュールレベルの設定は組織レベルの設定をオーバーライドします。


メニューページの構成の詳細については、「