トップ回答者
JSリンクによるアイテムの背景色の設定

質問
-
Share Point Onlineについての質問です。
カスタムリストを作成し、中にアイテムを追加しました。そこで、特定の列に特定の文字(例:名前列に橋本が入力された)が記入された場合
JSリンクを使用して、文字の色ではなく背景色を変えたいのですが、出来ません。
入力された値によって文字色は変わったので、colorをbackground-colorにすれば出来ると思ったのですが出来ません。
どなたか分かる方いらっしゃいましたらよろしくお願いします。
以下がJSファイルの中身です。よろしくお願いします。
列(内部名)_x540d__x524d_に橋本が入力されたら、橋本の背景色が#00FF00になるようにしたいです。
(function(){
var overrideCtx = {};
overrideCtx.Templates = {};
overrideCtx.ListTemplateType = 100;
overrideCtx.BaseViewID = 1;
overrideCtx.Templates.Fields = {
'_x540d__x524d_': { 'View' : Color }
};
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);
function Color(ctx){
var retVal;
var orgVal = ctx.CurrentItem._x540d__x524d_;
if (orgVal == '橋本'){
retVal = '<span style="background-color:#00FF00">' + orgVal + '</span>';
}
return retVal;
}
})();
回答
-
この名前列を 1 行テキストで作成して試してみたところ、意図通り「橋本」が緑色になりました。
考えられるとすると、テスト中の古いスクリプトがブラウザのキャッシュで残っているなどでしょうか?
ブラウザのキャッシュを消してみた場合はどうでしょうか?- 回答の候補に設定 栗下 望Microsoft employee, Moderator 2017年10月30日 0:30
- 回答としてマーク Mr.sharePoint_Beginner 2017年11月6日 6:01
すべての返信
-
この名前列を 1 行テキストで作成して試してみたところ、意図通り「橋本」が緑色になりました。
考えられるとすると、テスト中の古いスクリプトがブラウザのキャッシュで残っているなどでしょうか?
ブラウザのキャッシュを消してみた場合はどうでしょうか?- 回答の候補に設定 栗下 望Microsoft employee, Moderator 2017年10月30日 0:30
- 回答としてマーク Mr.sharePoint_Beginner 2017年11月6日 6:01
-
横からすみません。
文字色は変わったということなので、設定には問題なく、単にCSSの問題のような気がします。
例えば「background-color:#00FF00!important」のようにしてみても変化ありませんか?- 回答の候補に設定 栗下 望Microsoft employee, Moderator 2017年11月1日 6:23