新規投稿
フォローする

ポータルに表示する内容の出し分けについて

お世話になります。
下記ページを参考に、組織ごとにお知らせの出し分けはできましたが
お知らせだけでなく、通知・スペース・アプリも含めてポータル全体を出し分けたいと考えています。

https://developer.cybozu.io/hc/ja/articles/360034429352-%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%AB%E3%81%AB%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E5%86%85%E5%AE%B9%E3%82%92%E7%B5%84%E7%B9%94%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E5%87%BA%E3%81%97%E5%88%86%E3%81%91%E3%82%88%E3%81%86-kintone%E3%81%AE%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%AB%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E7%B4%B9%E4%BB%8B-2-

良い実装方法がございましたらご教示いただけますと幸いです。
※当方、htmlとcssへの理解はございますが、jsやAPIの知識はほとんどございません。

何卒宜しくお願い致します。

0

4件のコメント

Avatar
juridon

こんにちは!

そういったカスタマイズを実際にしてないので想像ですが

ご提示のURLの、2.を参考にすれば良いと思います。



2.リッチエディターの内容をポータルに表示

以下の部分で、1で得られたリッチエディターの内容を表示する場所を取得しています。
今回はHTMLにIDを追加し、そのIDを使って、表示する場所を取得しています。

  // 表示される場所のIDを指定
  const NOTI_AREA_ID = 'noti_area';
   
  const notiElArea = document.getElementById(NOTI_AREA_ID);
 Copyクリップボードにコピーしました

リッチエディターのvalueにはstyleが書かれたhtmlが格納されているので、そのhtmlをそのまま表示させています。

  const renderNotiContent = function(content) {
  notiElArea.innerHTML = content;
  };



HTMLにIDを追加し、そのIDを使って、表示する場所を取得
ということなので、通知、スペース、アプリについてもIDを追加して同じようにやるとよいのではないでしょうか??

1
Avatar
hiro

juridon様

ご返信ありがとうございます。
IDを追加してhtmlを表示させるとのこと、承知いたしました。
初歩的な質問で恐縮ですが、htmlへのID追加方法をご教示いただけないでしょうか。
度々お手数ですがよろしくお願いいたします。

1
Avatar
juridon

Kintone Portal Designerを使っておられると思いますが、

↓こちらのページの「デザインを変更する」
https://developer.cybozu.io/hc/ja/articles/360030856652

HTMLタブでHTMLを変更することができます。
そこで、通知、スペース、アプリのエリアのタグ内に id="space_area"などのid要素を手書きで追加すれば良いと思います。

※もし、お使いのテンプレート内に通知、スペース、アプリのエリアのタグが無いという場合は、
お知らせエリアのタグをコピーペーストして、通知、スペース、アプリ用に書き換えると良いと思います。

1
Avatar
hiro

ご丁寧に回答ありがとうございました。
ご教示いただいた内容にて対応したいと思います。
大変助かりました!

1
サインインしてコメントを残してください。