# 詳細画面の特定のフィールド名の背景色を変更するには

**URL:** <https://community.cybozu.dev/t/topic/1916>\
**Category:** kintone 開発相談\
**Created:** [2014 年 12 月 3 日午前 10:21 UTC](https://community.cybozu.dev/t/topic/1916 "2014-12-03T10:21:04Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1311](https://avatars.discourse-cdn.com/v4/letter/l/c6cbf5/32.png) [@Legacy\_Account1311](https://community.cybozu.dev/u/Legacy_Account1311)\
**Post date:** [2014 年 12 月 3 日午前 10:21 UTC](https://community.cybozu.dev/t/topic/1916/1 "2014-12-03T10:21:04Z")

</div>

詳細画面の、特定のフィールド名のみ背景色を  
変更することは可能でしょうか。

必須にしてしまうと、状況によっては必須で無い場合もある、という状況があるため、  
フィールド名の背景色を変更し、  
「ここのフィールドは入力してください」という運用にしたいと考えています。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account616](https://avatars.discourse-cdn.com/v4/letter/l/b5e925/32.png) [@Legacy\_Account616](https://community.cybozu.dev/u/Legacy_Account616)\
**Post date:** [2014 年 12 月 3 日午前 10:24 UTC](https://community.cybozu.dev/t/topic/1916/2 "2014-12-03T10:24:10Z")

</div>

豊田 聡様  
cstapの落合です。

kintone JavaScript Apiには、[フィールド要素を取得する](https://cybozudev.zendesk.com/hc/ja/articles/201942014#step3)APIが用意されています。

背景色を変えたいフィールドを、上のAPIで取得し、styleを変更すると良いかと思います。

以上、参考になりますでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1311](https://avatars.discourse-cdn.com/v4/letter/l/c6cbf5/32.png) [@Legacy\_Account1311](https://community.cybozu.dev/u/Legacy_Account1311)\
**Post date:** [2014 年 12 月 3 日午前 10:50 UTC](https://community.cybozu.dev/t/topic/1916/3 "2014-12-03T10:50:45Z")

</div>

落合様

ご回答ありがとうございます。  
フィールド要素を取得するところまではうまくいっているのですが、  
そこからstyleを変更するところがよくわかっておりません。

参考になるサンプルなどありますでしょうか。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account616](https://avatars.discourse-cdn.com/v4/letter/l/b5e925/32.png) [@Legacy\_Account616](https://community.cybozu.dev/u/Legacy_Account616)\
**Post date:** [2014 年 12 月 3 日午前 11:06 UTC](https://community.cybozu.dev/t/topic/1916/4 "2014-12-03T11:06:53Z")

</div>

すいません。  
私の勘違いで、レコードの追加／編集画面ではフィールド要素の取得はできないようですね。

他の解決策として、メッセージを表示する形はどうでしょう？  
以下サンプルです。

```
(function() {
  "use strict";

  // 追加&編集ページ
  kintone.events.on(['app.record.create.show', 'app.record.edit.show'], function(event) {
    event.record.fieldCode.error = '必須項目です';

    return event;
  });
})();

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1311](https://avatars.discourse-cdn.com/v4/letter/l/c6cbf5/32.png) [@Legacy\_Account1311](https://community.cybozu.dev/u/Legacy_Account1311)\
**Post date:** [2014 年 12 月 3 日午前 11:15 UTC](https://community.cybozu.dev/t/topic/1916/5 "2014-12-03T11:15:16Z")

</div>

落合様

レコードの追加/編集画面ではフィールド要素を取得できないみたいですね、  
確認してみたらいろいろ試してもnullが返ってきてしまいました。

必要の無いフィールドを非表示にする、は以前作ったことがあるので、  
それをうまく利用するか、ご提示頂いた方法を試してみようと思います。

ありがとうございました。