• Progress bar in task list (en)

    Progress bar in task list (en)

    The out of the box look and feel of an task list could have been better. But there we can just use our favourite option. CSR = Client Side Rendering! We can get a great user experience if it looks like in the picutre below: And now how it works. Create a default tasklist and take the javascript below to get the progress bar: var taskSample = taskSample || {}; taskSample.CustomizeFieldRendering = function () { RegisterSod(‘hierarchytaskslist.js’, ‘/_layouts/15/hierarchytaskslist.js’); LoadSodByKey(‘hierarchytaskslist.js’, null); // Intialize the variables for overrides objects var overrideCtx = { Templates: { Fields: { ‘PercentComplete’: { ‘View’ : taskSample.PercentCompleteRendering } }

    Read More