下記のコードを作成しました。
編集画面では、フィールド名が赤になりましたが詳細画面では黒いままです。
詳細・編集ともにフィールド名を赤くしたいのですが可能ですか？
もし可能であれば、一覧でも同じくフィールド名を赤にできればなおいいのですが。。。
宜しくお願い致します。
(function() {
“use strict”;
kintone.events.on([‘app.record.create.show’, ‘app.record.edit.show’], function(event) {
[].forEach.call(document.getElementsByClassName(“control-label-text-gaia”), function(element){
if(element.innerText === “【契約日】”){
element.style.color = “red”;
}
});
return event;
});
})();
kintone.events.on(['app.record.create.show', 'app.record.edit.show']...
この部分を
kintone.events.on(['app.record.detail.show', 'app.record.create.show', 'app.record.edit.show']...
このように変更して下さい（詳しくは以下ページを参照して下さい）。
https://developer.cybozu.io/hc/ja/articles/201755040-%E7%AC%AC1%E5%9B%9E-kintone-JavaScript-API%E3%81%AE%E3%82%A4%E3%82%B8%E3%82%8A%E3%81%8B%E3%81%9F
一覧画面については
(function() {
'use strict';
kintone.events.on('app.record.index.show', (event) => {
Array.from(document.getElementsByClassName('recordlist-header-label-gaia')).forEach((label) => {
if (label.innerText == '【契約日】') label.style.color = 'red';
});
return event;
});
})();
こちらで可能かと思います。非推奨のDOM操作であることには注意して下さい。