# ポータル画面での書式設定の反映方法について

**URL:** https://community.cybozu.dev/t/topic/8611
**Category:** kintone 開発相談
**Created:** [2024 年 1 月 23 日午前 7:39 UTC](https://community.cybozu.dev/t/topic/8611 "2024-01-23T07:39:37Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![dm0123](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@dm0123](https://community.cybozu.dev/u/dm0123)
#### Post date: [2024 年 1 月 23 日午前 7:39 UTC](https://community.cybozu.dev/t/topic/8611/1 "2024-01-23T07:39:37Z")

</div>

kintoneのアプリストア上にある『院内掲示板』に、下記URLの条件書式プラグインを適用しました。

[条件書式プラグイン - cybozu developer network](https://cybozu.dev/ja/kintone/tips/development/plugins/sample-plugin/conditionformat-v2-plugin/)

用途としては、掲示の各レコードに「重要度」というラジオボタンを設けており、  
ラジオボタンで「重要」が選択されているとき、  
レコード一覧画面とレコード詳細画面で「重要」という文字が赤の太字で表示されるようにする為で、  
上記URLの説明どおりに適用し、無事実現できました。

ところが、この掲示板のアプリをポータル上に表示させたとき、  
重要の部分が赤の太字にならず困っております。  
ポータル画面上でも「重要」にラジオボタンが選択されているものに関しては「重要」の文字が赤の太字で強調されるようにしたいのですが、どのようにすればよいでしょうか？

初心者質問で恐れ入りますが、御指南願います。

---

<div class="post-metadata">

### Author: ![mura](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mura/32/41_2.png) [@mura](https://community.cybozu.dev/u/mura)
#### Post date: [2024 年 1 月 24 日午前 2:22 UTC](https://community.cybozu.dev/t/topic/8611/2 "2024-01-24T02:22:12Z")

</div>

条件書式プラグインでは、一覧画面の表示時のイベントで動作するとおもれますが  
下記記事下部の制約事項にあるようにポータル上とかでは動作しないようですね。。

> **[レコード一覧画面を表示した後のイベント](https://cybozu.dev/ja/kintone/docs/js-api/events/idx/index-show-event/)**
>
> レコード一覧画面を表示したときに発生するイベントです。

ポータルの見た目をカスタマイズするとすれば、ポータルのカスタマイズが必要になるとおもいます  
[https://jp.cybozu.help/k/ja/id/040697.html#space\_customize\_space\_portal\_20](https://jp.cybozu.help/k/ja/id/040697.html#space_customize_space_portal_20)

---

<div class="post-metadata">

### Author: ![se-cat](https://avatars.discourse-cdn.com/v4/letter/s/6de8d8/32.png) [@se-cat](https://community.cybozu.dev/u/se-cat)
#### Post date: [2024 年 1 月 24 日午前 2:27 UTC](https://community.cybozu.dev/t/topic/8611/3 "2024-01-24T02:27:35Z")

</div>

田中 様  
こんにちは。  
ポータルのお知らせに「アプリ貼り付け」を行なったが条件書式プラグインが適用されていない、という内容でお間違いないでしょうか？

ポータルでカスタマイズを行う際は[ポータルのカスタマイズ](https://jp.cybozu.help/k/ja/id/04069.html#portal_customize_portal_30)が必要です。  
条件書式プラグインは「レコード一覧画面」と「レコード詳細画面」でのみ動くものなので、ポータルで「アプリ貼り付け」を行なった場合はアプリのカスタマイズではなくポータルのカスタマイズが必要となります。

もし田中様がカスタマイズ未経験でしたら下記のページから学ばれることをおすすめします。  
[はじめよう JavaScript](https://cybozu.dev/ja/tutorials/hello-js/)  
[kintone JavaScript API](https://cybozu.dev/ja/tutorials/hello-kinapi/js-api/)

また、カスタマイズなしで実現する方法としてこちらはいかがでしょうか？

①「院内掲示板」アプリで「重要一覧」を作成する(条件は「重要度」=「重要」のレコード)  
②①の「重要一覧」をポータルに表示する

赤の太字にするにはカスタマイズが必要ですが、重要なレコードのみ表示できれば良い、という考えであれば上記の方法でポータルに表示できると思います。

---

<div class="post-metadata">

### Author: ![dm0123](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@dm0123](https://community.cybozu.dev/u/dm0123)
#### Post date: [2024 年 1 月 24 日午前 4:29 UTC](https://community.cybozu.dev/t/topic/8611/4 "2024-01-24T04:29:22Z")

</div>

お二人ともありがとうございます。  
ポータルのカスタマイズが必要なのですね。  
未経験につきかなりハードルが高いのですが、頂いたURLから少しずつ勉強してみたいと思います。

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)
#### Post date: [2024 年 5 月 31 日午後 1:07 UTC](https://community.cybozu.dev/t/topic/8611/5 "2024-05-31T13:07:37Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
