SharePoint Online(Office365)で、Viewを「グループ化」させると、文字色が変わらないので変更したい!
質問
-
SharePoint Online(Office365)で、Viewに表示されているアイテムの色を変更したいと考えております。
Viewを特に、グループ化も何も設定しないと、色が変わるようにJavaScriptを組めました。
【実装したJS】
/*##########################################################################################################*/ // ビュー情報格納変数宣言 /*##########################################################################################################*/ (function () { var overrideCtx = {}; overrideCtx.Templates = {}; overrideCtx.OnPostRender = Condition; SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx); })(); /*##########################################################################################################*/ // ビュー上のデータ取得、文字設定 /*##########################################################################################################*/ function Condition(ctx) { /*---------------------------------------------------------------------------*/ // ループさせ、ビュー上の全アイテムを対象にする /*---------------------------------------------------------------------------*/ for (i = 0; i < ctx.ListData.Row.length; i++) { // アイテム数分、ループ処理 var rowId = GenerateIIDForListItem(ctx, ctx.ListData.Row[i]); // ID 取得 var trElement = document.getElementById(rowId); // ビュー情報格納 /*---------------------------------------------------------------------------*/ // 項目名の文字設定 /*---------------------------------------------------------------------------*/ trElement.cells[1].children[0].children[0].style.color = "red" // 件名 :赤字 trElement.cells[1].children[0].children[0].style.fontWeight = "bold" // 件名 :太字 trElement.cells[3].style.color = "green" // 件名 :緑字 trElement.cells[4].style.color = "blue" // 件名 :青字 trElement.cells[5].style.color = "purple" // 件名 :紫字 trElement.cells[6].style.color = "#ffcc33" // 件名 :黄色字 } }【実装後のView】
グループ化したViewにも、同じJSを設定しましたが色が変わりませんでした。
【参考画像】
しかし、「ページの編集」をしようとすると色が変わります。
【参考画像】
実装したJSをどの様に変更すれば、「グループ化したView」でも、
アイテムの色を変更する事が出来るでしょうか?
分かる方いれば、教えて頂ければと思います。
よろしくお願い致します。
- 編集済み mie.8 2017年12月25日 1:15 修正
