新規投稿
フォローする

【スマートフォンでの表示】一覧画面 / 詳細画面の色の反映

いつも お世話になっております。

度々 質問失礼します。

スマホで開いた時に下の写真のように一覧画面で色を表示させたいのですが 反映されません。

PCで開いたときは反映されています。

jsファイルに "mobile.app.record.index.show"も追加しました。

原因を教えていただきたいです。

(function() {
"use strict";

var events =
[
"app.record.index.show",
"app.record.index.edit.submit.success",
"app.record.index.edit.show",
"mobile.app.record.index.show"
];

//レコード一覧イベントを取得
kintone.events.on(events, function(event) {
//文字色の設定値
var fontColorBlue = "#0000FF";
var fontColorYellow = "#FF9900";
var fontColorRed = "#FF0000";

//全ての行の「品質」の要素を取得
var elAccuracy = kintone.app.getFieldElements('品質');

for (var i = 0; i < elAccuracy.length; i++) {
//レコード情報を取得
var record = event.records[i];

//「品質」によって、文字色を変更する。
if (record['品質']['value'] == "青(順調)") {
elAccuracy[i].style.color = fontColorBlue;
}
if (record['品質']['value'] == "黄(課題あり)") {
elAccuracy[i].style.color = fontColorYellow;
}
if (record['品質']['value'] == "赤(問題あり)") {
elAccuracy[i].style.color = fontColorRed;
}
}});

})();

上記のコードはPCでは問題なく反映されております。

よろしくお願いいたします。

0

1件のコメント

Avatar
HANSA

mayu さん

getFieldElements はモバイルでは動作しないので、DOM 操作する必要がありそうです。

https://developer.cybozu.io/hc/ja/articles/202738940

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