# kintoneのラベルについて

**URL:** <https://community.cybozu.dev/t/topic/5924>\
**Category:** kintone 開発相談\
**Created:** [2022 年 4 月 22 日午前 5:40 UTC](https://community.cybozu.dev/t/topic/5924 "2022-04-22T05:40:54Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1778](https://avatars.discourse-cdn.com/v4/letter/l/53a042/32.png) [@Legacy\_Account1778](https://community.cybozu.dev/u/Legacy_Account1778)\
**Post date:** [2022 年 4 月 22 日午前 5:40 UTC](https://community.cybozu.dev/t/topic/5924/1 "2022-04-22T05:40:54Z")

</div>

kintoneのラベルに背景色をつけたいと考えています。 ただ、すべてのラベルではなく特定のものだけに背景色をつけたいです。 kintoneのラベルにはフィールドコードがありませんが、JavaScriptでそのようなことはできるのでしようか。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account439](https://avatars.discourse-cdn.com/v4/letter/l/a587f6/32.png) [@Legacy\_Account439](https://community.cybozu.dev/u/Legacy_Account439)\
**Post date:** [2022 年 4 月 22 日午前 6:04 UTC](https://community.cybozu.dev/t/topic/5924/2 "2022-04-22T06:04:07Z")

</div>

meari様

ラベルにはフィールドコードが無いためスペースをラベル代わりに利用するのが良いかと思います。

↓こちらの回答が参考になるかと思います。

[https://developer.cybozu.io/hc/ja/community/posts/5967201679385/comments/5974441335833](https://developer.cybozu.io/hc/ja/community/posts/5967201679385/comments/5974441335833)&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1778](https://avatars.discourse-cdn.com/v4/letter/l/53a042/32.png) [@Legacy\_Account1778](https://community.cybozu.dev/u/Legacy_Account1778)\
**Post date:** [2022 年 4 月 22 日午前 6:28 UTC](https://community.cybozu.dev/t/topic/5924/3 "2022-04-22T06:28:00Z")

</div>

masuda.mitsuo様  
ご教示ありがとうございます。  
ラベル自体に文言をいれているのですが、スペースに文言もいれることはできるのでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account439](https://avatars.discourse-cdn.com/v4/letter/l/a587f6/32.png) [@Legacy\_Account439](https://community.cybozu.dev/u/Legacy_Account439)\
**Post date:** [2022 年 4 月 22 日午前 6:31 UTC](https://community.cybozu.dev/t/topic/5924/4 "2022-04-22T06:31:36Z")

</div>

> ラベル自体に文言をいれているのですが、スペースに文言もいれることはできるのでしょうか？

先ほど載せたURLにありますが、javascriptで文言の設定が可能です。

styleの設定で文字色や背景色も設定可能です。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1778](https://avatars.discourse-cdn.com/v4/letter/l/53a042/32.png) [@Legacy\_Account1778](https://community.cybozu.dev/u/Legacy_Account1778)\
**Post date:** [2022 年 4 月 22 日午前 7:37 UTC](https://community.cybozu.dev/t/topic/5924/5 "2022-04-22T07:37:37Z")

</div>

ありがとうございます。

いただいたURLをもとに試してみたのですが、文言の設定と背景色どちらも反映できずでした、、

指定の仕方が間違っているのでしょうか。

```
    kintone.app.record.getSpaceElement(Usage).innerText = "利用用途";
    kintone.app.record.getSpaceElement(Usage).style.backgroundcolor = '#a9a9a9';

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account439](https://avatars.discourse-cdn.com/v4/letter/l/a587f6/32.png) [@Legacy\_Account439](https://community.cybozu.dev/u/Legacy_Account439)\
**Post date:** [2022 年 4 月 22 日午前 8:26 UTC](https://community.cybozu.dev/t/topic/5924/6 "2022-04-22T08:26:07Z")

</div>

スペースのIDをmemoにして試してみました。

```
var memo = kintone.app.record.getSpaceElement('memo');
memo.innerText = "テストです";
memo.style.background = "red";

```

↓こんな感じになりました。

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1778](https://avatars.discourse-cdn.com/v4/letter/l/53a042/32.png) [@Legacy\_Account1778](https://community.cybozu.dev/u/Legacy_Account1778)\
**Post date:** [2022 年 4 月 25 日午前 12:29 UTC](https://community.cybozu.dev/t/topic/5924/7 "2022-04-25T00:29:26Z")

</div>

同じように指定しているつもりなのですが、やはり反映がされません。

まだどこか違うのでしょうか？

```
(function(){

var Usage = kintone.app.record.getSpaceElement('Usage');
    Usage.innerText = "利用用途";
    Usage.style.backgroundcolor = '#a9a9a9';

});

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account439](https://avatars.discourse-cdn.com/v4/letter/l/a587f6/32.png) [@Legacy\_Account439](https://community.cybozu.dev/u/Legacy_Account439)\
**Post date:** [2022 年 4 月 25 日午前 1:52 UTC](https://community.cybozu.dev/t/topic/5924/8 "2022-04-25T01:52:00Z")

</div>

フォーム作成画面に配置しているスペースの要素IDは &nbsp;Usage が設定されてますでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1778](https://avatars.discourse-cdn.com/v4/letter/l/53a042/32.png) [@Legacy\_Account1778](https://community.cybozu.dev/u/Legacy_Account1778)\
**Post date:** [2022 年 4 月 25 日午前 2:09 UTC](https://community.cybozu.dev/t/topic/5924/9 "2022-04-25T02:09:08Z")

</div>

はい、「Usage」で設定できていることを確認して試しています。。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account439](https://avatars.discourse-cdn.com/v4/letter/l/a587f6/32.png) [@Legacy\_Account439](https://community.cybozu.dev/u/Legacy_Account439)\
**Post date:** [2022 年 4 月 25 日午前 2:15 UTC](https://community.cybozu.dev/t/topic/5924/10 "2022-04-25T02:15:32Z")

</div>

どこのイベントで実行されてますでしょうか？

新規登録画面であれば↓こんな感じでいけると思うのですが、ダメですかね？

```
    kintone.events.on('app.record.create.show', function(event) {
        var Usage = kintone.app.record.getSpaceElement('Usage');
            Usage.innerText = "利用用途";
            Usage.style.backgroundcolor = '#a9a9a9';

        return event;
    });

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1778](https://avatars.discourse-cdn.com/v4/letter/l/53a042/32.png) [@Legacy\_Account1778](https://community.cybozu.dev/u/Legacy_Account1778)\
**Post date:** [2022 年 4 月 25 日午前 3:01 UTC](https://community.cybozu.dev/t/topic/5924/11 "2022-04-25T03:01:32Z")

</div>

event宣言ができていなかったようで反映されてなかったようでした。

無事、反映を確認できました。

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

---

<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:** [2025 年 6 月 3 日午前 6:38 UTC](https://community.cybozu.dev/t/topic/5924/12 "2025-06-03T06:38:46Z")

</div>

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