0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ポータル画面に配置したレポートのクリックアクションを停止する方法

Posted at

1.ポータルに配置したレポートの問題点

画像のカレンダーレポートの帯のように、クリックを行うとUI16画面側のフォーム画面へ遷移するレポートは存在するが、CSMでは外部ユーザはUI16画面表示ができないため、エラー画面が表示されることになる。
今回カレンダーレポートでは遷移先の変更もできないレポートのため、クリックアクションを停止させる必要がある。
image.png

2.クリックアクションの停止方法

今回解説する方法は、PageのCSSでクリック自体行えないようにする。
そのため、ブラウザデバッグ等でカレンダーレポートの帯のクラス名を調査すると、

a.fc-day-grid-event.fc-event.fc-start.fc-end

であることがわかった。
クラス名がわかれば、実際にPageフォームのCSSに記載する。CSSは、

pointer-events: none;

を記載することでクリックを行えないようにすることが可能であるため、Pageは以下のように入力する。
image.png
ここまで行えば、このPage上に限り、カレンダーレポートの帯をクリックしてもUI16画面へ遷移することはない。

0
0
0

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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?