(function () { var overrideCtx = {}; overrideCtx.Templates = {}; overrideCtx.Templates.Fields = { 'Score':{ "View": viewScoreField, "NewForm": newScoreField, "EditForm": editScoreField } }; SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx); })(); function newScoreField(ctx) { return ''; } var fieldname; function editScoreField(ctx) { var formCtx = SPClientTemplates.Utility.GetFormContextForCurrentField(ctx); fieldname = ctx.CurrentFieldSchema.Name; formCtx.registerGetValueCallback(formCtx.fieldName, function (ctx) { return document.getElementById(fieldname).value; }); return ""; } function viewScoreField(ctx){ var bg = "white"; if(ctx.CurrentItem.Score == 5){ bg = "green" } if(ctx.CurrentItem.Score == 4) { bg = "green" } if(ctx.CurrentItem.Score == 3) { bg = "orange" } if(ctx.CurrentItem.Score == 2) { bg = "orange" } if(ctx.CurrentItem.Score == 1) { bg = "red" } if(ctx.CurrentItem.Score == 0) { bg = "red" } var width = ctx.CurrentItem.Score * 100; var html = "