# モバイル版でカレンダービューのタイトルの色を変えたいのですが、、、

**URL:** <https://community.cybozu.dev/t/topic/1109>\
**Category:** kintone 開発相談\
**Created:** [2022 年 11 月 3 日午前 9:34 UTC](https://community.cybozu.dev/t/topic/1109 "2022-11-03T09:34:19Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2962](https://avatars.discourse-cdn.com/v4/letter/l/d26b3c/32.png) [@Legacy\_Account2962](https://community.cybozu.dev/u/Legacy_Account2962)\
**Post date:** [2022 年 11 月 3 日午前 9:34 UTC](https://community.cybozu.dev/t/topic/1109/1 "2022-11-03T09:34:19Z")

</div>

モバイル版でカレンダービューのタイトルの色を変えたいのですが、、、

(function() {  
“use strict”;

// カレンダービュー  
kintone.events.on(‘app.record.index.show’, function(event) {  
// カレンダービューの表示時にフィールド値の条件に応じて、文字色、フィールドの背景色を変更する  
var eles = document.getElementsByClassName(“cellitem-value-gaia”);  
for (var i = 0, il = eles.length; i \< il; i++) {  
var ele = eles[i];  
// eleに「test」が含まれていたら、文字色を赤く  
if (ele.textContent.indexOf(“test”) \>= 0) {  
ele.style.color = ‘red’;  
ele.style.fontWeight = ‘bold’;  
} else {  
ele.style.color = ‘black’;  
ele.style.fontWeight = ‘normal’;  
}  
}  
});  
})();

を参考にやってみたのですが、上手くいきません。

var eles = document.getElementsByClassName(“cellitem-value-gaia”);

を

|

var eles = document.getElementsByClassName(“gaia-mobile-v2-app-index-calendar-table-cell-body-list-item”);

ではだめですね。初心者のため行き詰っています。ご教授お願いいたします。

|

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2534](https://avatars.discourse-cdn.com/v4/letter/l/e9a140/32.png) [@Legacy\_Account2534](https://community.cybozu.dev/u/Legacy_Account2534)\
**Post date:** [2022 年 11 月 3 日午後 10:35 UTC](https://community.cybozu.dev/t/topic/1109/2 "2022-11-03T22:35:28Z")

</div>

White さん

モバイルの場合は[イベント名が異なる](https://community.cybozu.dev/hc/ja/articles/202738940)ため、そこを修正すれば動作します。また、カレンダーのタイトル要素の取得方法に関しては、ご質問の通りの修正で問題ありません。

以下修正したコードになります。

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

  // カレンダービュー
  kintone.events.on('mobile.app.record.index.show', function (event) {
    // カレンダービューの表示時にフィールド値の条件に応じて、文字色、フィールドの背景色を変更する
    var eles = document.getElementsByClassName('gaia-mobile-v2-app-index-calendar-table-cell-body-list-item');
    for (var i = 0, il = eles.length; i < il; i++) {
      var ele = eles[i];
      // eleに「test」が含まれていたら、文字色を赤く
      if (ele.textContent.indexOf('test') >= 0) {
        ele.style.color = 'red';
        ele.style.fontWeight = 'bold';
      } else {
        ele.style.color = 'black';
        ele.style.fontWeight = 'normal';
      }
    }
  });
})();

```

&nbsp;

以上になります。参考になれば幸いです。

---

<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 月 3 日午前 4:41 UTC](https://community.cybozu.dev/t/topic/1109/3 "2024-06-03T04:41:01Z")

</div>

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