LoginSignup
0

More than 1 year has passed since last update.

【ダッシュボードページ】ダッシュボードページを作ってみる

Posted at

ダッシュボードページは、単一のページ上に複数のタイルを貼り付けて作成していきます。各タイルには、その中に表示するWEBレポートのURLリンクが定義されています。
Sharperlightでダッシュボードページを作るには、Sharperlightサービスのフロントページからアクセスします。
URLはこんな感じです。
http://{yourservername}/mdService1Rest/Index
このようなページが表示されます。
2022-03-10 Figure 01.png
左側のメニューの[ダッシュボード]、そして[リスト]をクリックします。
2022-03-10 Figure 02.png
右側にダッシュボードページの一覧が表示されます。(既に作成されたものがある場合)
2022-03-10 Figure 03.png
[新規]ボタンをで新しいダッシュボードページを作成します。
先ずは土台となる[ページ]の定義を行います。コードグループタイトルを入力します。
2022-03-10 Figure 04.png
次に[タイル]の作成をします。コードタイトルコンテンツURLを入力します。
2022-03-10 Figure 05.png
[保存]ボタンで保存するとタイルがひとつ配置されたダッシュボードページが表示されます。
2022-03-10 Figure 06.png
そのままでは表の下部が切れてしまっているので、タイルの縁にマウスを移動して、タイルのサイズを調整します。調整が済んだらマウスをタイル右上の角にあて[ギア]アイコンを表示します。[ギア]アイコンでタイルの編集モードに移動し、[保存]ボタンを押すことでタイルの大きさの調整が確定されます。
2022-03-10 Figure 07.png
このような感じになります。
2022-03-10 Figure 08.png
もう一つタイルを追加してみましょう。[ギア]アイコンで編集モードに入ります。
[新規]ボタンで新しいタイルを追加します。
上記と同じようにコードタイトルコンテンツURLを入力します。
2022-03-10 Figure 09.png
[保存]ボタンを押すと...、既存のタイルの下側に新しいタイルは追加されるので、ドラッグして配置を変更します。サイズもね。
配置とサイズが決まったら[ギア]アイコンで編集モードに入り、[保存]ボタンで決定します。
2022-03-10 Figure 10.png
このようにタイルを追加して、お好みのダッシュページを作成してみてください。

:postbox:Sharperlight

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0