パネルの追加と管理

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

このページの内容

ダッシュボードで実数および集計された主要指標を表示するためのパネルの追加と管理について説明します。

提供状況

1. パネルの設定

1. 対象ページの編集モードに移動し、Page Builder を開くをクリックします。まだページを作成していない場合は、ページを作成すると、自動的にページビルダーが開きます。

2. ページビルダーの左ペインでPanelをクリックします。パネルテンプレートの一覧が表示されます。パネルテンプレートは、次のように要件に合わせてカスタマイズできます。

3. パネルテンプレートをドラッグ＆ドロップしてビルダー領域に配置します。するとパネルビルダーであるPanel Configurationペインが開きます。

追加直後のパネルテンプレートには、既定の静的テキストが含まれています。このテキストは、要件に応じて編集、さらに設定、または削除できます。パネルビルダーから、テキスト、画像、ボタンなどのパネル要素を追加および管理することができます。

メモ: パネルテンプレートをページビルダーに追加すると、対応するZMLコードがPanel Configurationペインのコードタブに表示されます。

このコードを編集することで、社内のスクリプト言語を使ってパネルを高度にカスタマイズし、デザインすることができます。

1. Panel Configurationペイン左上の矢印（

）アイコンをクリックします。Text、画像、Buttonの3つのパネル要素が、それぞれ利用可能なカスタマイズとともに表示されます。

まだパネルを追加していない場合は、パネルを追加してから、以下の手順に従ってその中に要素を追加してください。

2. 次のいずれかのパネル要素テンプレートをドラッグ＆ドロップして、パネルに配置します。

Text - 文字サイズ、斜体、太字などが異なるテンプレートから選択します。
画像 - 画像をクリックして、あらかじめ用意された画像テンプレートを表示します。画像を正方形、角丸の正方形、円形のいずれで表示するかを選択します。または、用意されたアイコンテンプレートを選択して配置します。
Button - Buttonをクリックして、あらかじめ用意されたボタンテンプレートを表示します。Rectangular（四角）またはRounded（角丸）のボタンを選択します。

パネル要素をビルダー領域に配置したら、次のプロパティを設定できます。

パネルビルダー内（Panel Configuration ペイン）から:

パネルの作成に加えて、次の操作を行うことができます。

要素名の追加 - Panel Configurationペイン左上の鉛筆（）アイコンをクリックして、要素名を編集します。この名前は、ページビルダー内で他の要素と区別して特定の要素を探す際に使用できます。
パネル要素の削除 - パネルビルダーで対象のパネル要素またはコンテナを選択し、右下の削除 Elementをクリックして削除します。
パネル要素の移動 - パネルビルダー上でパネル要素をドラッグ＆ドロップして、別の位置に移動します。
パネル要素のサイズ変更 - パネルコンテナの縦方向の境界をドラッグして、コンテナの幅を変更します。これは、パネルビルダー内で1行に2つ以上のパネル要素が配置されている場合にのみ実行できます。
パネル要素の管理とパネルの設定が完了したら、アイコンをクリックしてページビルダーに戻ります。ここから、ページ上でのパネルの位置変更、有効モードで表示されるタイトルの設定など、パネル自体の管理を行うことができます。

ページの編集モード（ページビルダー）から:

パネルをクリックすると、以下の操作を行えます。

パネルタイトルの追加 - Tアイコンをクリックして、パネルのタイトルを設定します。タイトルはアプリケーションの有効モードでパネルの上部に見出しとして表示されます。タイトルを挿入したら、以下の設定を使って書式を変更できます。

パネルの複製 - 複製するアイコンをクリックして、同じ設定内容のパネルをもう1つ作成します。
パネルの削除 - ゴミ箱アイコンをクリックして、ページからパネルを削除します。
パネルの移動 - ページビルダー上でパネルをドラッグ＆ドロップして、別の位置に移動します。
パネルのサイズ変更 - パネルの縦方向の境界をドラッグして、要素の幅を変更します。これは、ページビルダー内で複数のページ要素が横に並んで配置されている場合にのみ実行できます。

既存のパネルを編集または再設定する:

ページビルダーにすでに追加されている対象のパネルをクリックし、設定するをクリックしてPanel Configurationペイン（パネルビルダー）を開きます。ここから、パネルの設定を編集または更新できます。