# レコード一覧の文字の色

**URL:** <https://community.cybozu.dev/t/topic/1032>\
**Category:** kintone 開発相談\
**Created:** [2022 年 10 月 17 日午前 12:51 UTC](https://community.cybozu.dev/t/topic/1032 "2022-10-17T00:51:07Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account54](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@Legacy\_Account54](https://community.cybozu.dev/u/Legacy_Account54)\
**Post date:** [2022 年 10 月 17 日午前 12:51 UTC](https://community.cybozu.dev/t/topic/1032/1 "2022-10-17T00:51:07Z")

</div>

[https://developer.cybozu.io/hc/ja/articles/202341944](https://developer.cybozu.io/hc/ja/articles/202341944)

こちらを参考にしてレコード一覧の入金確認の「未」のみ赤文字表示にしたいと考えています。

下記のコードをいれてもうまくいきませんでした。

詳細画面用に一部変更すると赤色に代わりますが一覧だと反映されません。

ご教授願います。

&nbsp;

&nbsp;(() =\> {  
“use strict”;

kintone.events.on(‘app.record.index.show’,(event) =\> {

&nbsp;const elUrgent= kintone.app.record.getFieldElements(‘入金確認’);

if (event.record[‘入金確認’][‘value’][0] === “未”) {  
elUrgent.style.color = ‘#ff0000’;  
}  
return event;

});  
})();

---

<div class="post-metadata">

**Author:** ![Legacy\_Account63](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Legacy\_Account63](https://community.cybozu.dev/u/Legacy_Account63)\
**Post date:** [2022 年 10 月 17 日午前 1:32 UTC](https://community.cybozu.dev/t/topic/1032/2 "2022-10-17T01:32:30Z")

</div>

フィールドコードが間違ってないとして、ぱっと見たところ、下記は修正刷る必要があります！

1. イベントをレコード詳細ページ用のイベントにする( [app.record.detail.show](https://community.cybozu.dev/hc/ja/articles/201941974-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E8%A9%B3%E7%B4%B0%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88#step1) )  
2.&nbsp; kintone.app.record.getFieldElementsを、[kintone.app.record.getFieldElement](https://community.cybozu.dev/hc/ja/articles/201942014-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E8%A9%B3%E7%B4%B0%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97#step3)に書き換える（一覧画面では複数形の"s"がついているが詳細画面用には複数形でなくなるので"s"がつかない）

---

<div class="post-metadata">

**Author:** ![Legacy\_Account54](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@Legacy\_Account54](https://community.cybozu.dev/u/Legacy_Account54)\
**Post date:** [2022 年 10 月 17 日午前 1:40 UTC](https://community.cybozu.dev/t/topic/1032/3 "2022-10-17T01:40:51Z")

</div>

詳細画面ではなく一覧画面で赤くしたいです。

修正箇所を変更したら詳細画面では赤くすることには成功しました。

説明がわかりづらくすみません。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1728](https://avatars.discourse-cdn.com/v4/letter/l/ac8455/32.png) [@Legacy\_Account1728](https://community.cybozu.dev/u/Legacy_Account1728)\
**Post date:** [2022 年 10 月 17 日午前 2:52 UTC](https://community.cybozu.dev/t/topic/1032/4 "2022-10-17T02:52:28Z")

</div>

KAN様

以下の様にコード修正したら一覧画面で文字色が変わりました。

① 誤）kintone.app.record.getFieldElements

正）kintone.app.getFieldElements

②繰り返し処理が抜けている

for(let i = 0; i \< event.records.length; i++){

③ 誤）event.record[‘入金確認’][‘value’][0]&nbsp;

正）event.records[i][‘入金確認’][‘value’][0]

④ 誤）elUrgent.style.color&nbsp;

正）elUrgent[i].style.color

---

<div class="post-metadata">

**Author:** ![Legacy\_Account54](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@Legacy\_Account54](https://community.cybozu.dev/u/Legacy_Account54)\
**Post date:** [2022 年 10 月 17 日午前 4:09 UTC](https://community.cybozu.dev/t/topic/1032/5 "2022-10-17T04:09:49Z")

</div>

赤色になりました！

ありがとうございます！

---

<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 年 6 月 4 日午前 4:55 UTC](https://community.cybozu.dev/t/topic/1032/6 "2024-06-04T04:55:21Z")

</div>

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