関連レコードのデザインについて

関連レコードの背景色や枠線などを変更したいのですが、こちらの変更を行うことは可能なのでしょうか?
可能ならばその方法をお教え頂きたいです。

山口さん
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 日が経過したので自動的にクローズされました。新たに返信することはできません。