モバイル版でカレンダービューのタイトルの色を変えたいのですが、、、
(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"); ではだめですね。初心者のため行き詰っています。ご教授お願いいたします。 |
1件のコメント
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';
}
}
});
})();
以上になります。参考になれば幸いです。