How to add JavaScript to a SharePoint Team Site List

Question

I have a team site and would like to add JavaScript to influence the list's appearance.

I have Custom Scripts enabled, but the "Form Web Parts" Ribbon option is grayed out and the JSLink Property outlined here wasn't in the properties list in SharePoint Designer.

Answer 1

JS Link is not supported in modern listviews (which I'm assuming you're using since you tagged your question with sharepoint-online).

The simplest way to customize field appearance is to use Column Formatting. I wrote a webpart to make this even simpler: PnP Column Formatter.

If you want to use JavaScript you'll need to use a SharePoint Framework Field Customizer (SPFx Extension).

There's a helpful guide if you're already familiar with JS Link here: Migrating JSLink customizations to SharePoint Framework Field Customizers