- Download the code files
- Upload the code files to your site's
Site Assets
orStyle Library
library - Go to the list form page you wish to enhance with this code, then switch to Edit Page mode
- Add a content editor web part (CEWP) to the page
- Edit the CEWP's properties
- Set the
Content Link
of the CEWP to the URL location of the "webPart_siteAssets_dsMagic-pplGrps.html" or "webPart_styleLibrary_dsMagic-pplGrps.html"webPart_webSiteAssets_detectWPZ.html" file uploaded in step 2 above - Set the
Chrome Type
of the CEWP to "None" - Ensure the CEWP is positioned below all other web parts on the list form page (you can set its
Index
property to be > the index of the list form web part) - Click OK to save your changes to the CEWP
- Stop editing the page to see the results