新規投稿
フォローする

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

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

(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");

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

0

1件のコメント

Avatar
川村

White さん

モバイルの場合はイベント名が異なるため、そこを修正すれば動作します。また、カレンダーのタイトル要素の取得方法に関しては、ご質問の通りの修正で問題ありません。

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

(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';
      }
    }
  });
})();

 

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

0
サインインしてコメントを残してください。