Add custom JavaScript to SharePoint 2013 list

Question

I need to add a custom JavaScript link to my SharePoint list, so it would only affect that list. I don't need to add it to any other forms. How could it be done?

I was thinking, if to change .aspx file, where the list sits (if it is possible), if this is a good idea, then where can I find that file?

EDIT: I need this to pin my top row (column names) to top of browser view, so I wouldn't lose them, when user scrolls to bottom of page.

Answer 1

You might do as follows from the browser:

• Edit the list page from top right gear/edit page
• Add new web part/Script Editor to the page
• Add your javascript code

Answer 2

I usually use either a script editor web part or a content editor web part.

If you want to create sticky headers in a SharePoint list, I've been using the below library and have been pretty happy with the results.

http://spoodoo.com/sticky-headers-in-sharepoint-2013/

All you have to do to implement is throw a copy of the sticky headers js file and a copy of jQuery in a script editor above the list view and you'll magically have a fixed header when you scroll the list view.

Answer 3

The "CEWP" approach is Ok. But you need to remember that EVERY LIST VIEW creates a "new" .aspx page.

So, "AllItems.aspx", will receive a CEWP with you JS. Your list have a "MyItens.aspx" view? Another CEWP.

Be aware of this point and good luck!

Answer 4

1) Edit the page of the view

2) Add a Content Editor Web Part

3) Link this CEWP to a file containing JavaScript and CSS

4) Store this file in a SharePoint Document Library

Sample: https://ybbest.wordpress.com/2013/01/15/how-to-use-html-and-javascript-in-content-editor-web-part-in-sharepoint2010/

Answer 5

Given the response William — use C# job to programmaticaly get all list views and add CEWP for each. CEWP must reference your javascript file.