関連レコードの背景色や枠線などを変更したいのですが、こちらの変更を行うことは可能なのでしょうか?
可能ならばその方法をお教え頂きたいです。
山口さん
cstapの瀧ヶ平です。
レコード詳細画面の中であれば、関連レコードのフィールド要素を取得し、スタイルを変更するという方法で可能です。
kintone.events.on('app.record.detail.show', function(event){
// 関連レコードの背景を赤にする
kintone.app.record.getFieldElement('関連レコードのフィールドコード').style.backgroundColor = "#FF0000";
});
実際には上のようなコードで実装できるかと思います。
瀧ヶ平さん
早速のご回答ありがとうございます。
お教え頂いた方法を試してみましたら、上手く背景色を変更できました。
背景色以外に線や関連レコードの項目名も変更したいのですが、可能でしょうか?
山口さん
実際に関連レコードの背景色を緑、枠線を赤にするコードを書いてみました。
参考にしていただければ幸いです。
(function(){
"use strict";
kintone.events.on('app.record.detail.show', function(event){
var relation = kintone.app.record.getFieldElement('フィールドコード');
// 関連レコードの背景色の変更
relation.style.backgroundColor = "#00ff00";
// 関連レコードのテーブルの各セルの取得
var tr = relation.getElementsByTagName("tr");
var th = relation.getElementsByTagName("th");
var td = relation.getElementsByTagName("td");
var changeBorder = function(elm){
// 要素の境界の色を変更する関数
elm.style.border = "1px solid #ff0000";
};
// テーブルのそれぞれのセルにchangeBorder関数を適用する
for(var i = 0;i < tr.length; i++){
changeBorder(tr[i]);
}
for(var j = 0; j < th.length; j++){
changeBorder(th[j]);
}
for(var k = 0; k < td.length; k++){
changeBorder(td[k]);
}
});
})();
瀧ヶ平様
ソースまでご提示頂き誠にありがとうございます。
やりたいことが実装できました。
御丁寧に対応して頂きありがとうございます。
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。