How to include javascript code using Sharepoint designer 2013 in sharepoint online classic community site Form?

Question

How to include javascript code using Sharepoint designer 2013 in sharepoint online classic community site Form?

Audi86 781

hi,

I have a javascript code to edit form in community site using sharepoint designer. I have tested the code in chrome dev console to verify it is working but when i am uploading it style library and updating tag on master page using SP designer. i dont see any response. Attached is the working javascript code, is there any specific way to modify the code to run with .aspx file?

Thanks
220803-script.txt

RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-07-15T02:15:52.267+00:00

Hi @Audi86 ,
I am currently doing some research on this issue, will let you know as soon as possible

3 answers

Your answer

RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-07-15T02:15:52.267+00:00

Hi @Audi86 ,
I am currently doing some research on this issue, will let you know as soon as possible

Answer 1

Rijwan Ansari 766 MVP

Hi @Audi86

Alternatively, you can add a SharePoint script editor web part and then add your JavaScript.

https://www.spguides.com/script-editor-web-part-sharepoint-2016/

--------------------------------------------------------------------------------------

Please vote up and Accept Answer if my reply is helpful.

0 comments

Answer 2

Rijwan Ansari 766 MVP

HI @Audi86

If you want to add JavaScript only, then you can use a Content Editor web part to the page. Without using SharePoint Designer, you can add Js in your page as well.

Add a Content Editor web part to the page.
(Click on the link to add new content, if you are using a web part page.)
Click on the Edit Source button in the ribbon.
Paste your JavaScript code in the HTML source.
Apply and save the page.

https://www.kalmstrom.com/Tips/SharePoint-Online-Course/Content-Editor-JavaScript.htm

Audi86 781 Reputation points

2022-07-19T15:54:21.447+00:00

@Rijwan Ansari Thanks for response.
Sorry I was not clear on my query here. i am trying to edit classics community site Form here. I had performed your solution on site page which works but on form level Classic community site dont allow adding script editors to add/edit script. So that's why I have opted for SharePoint designer to add the script. Thanks
RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-07-21T08:57:22.597+00:00

HI @Audi86 ,
You can go to SharePoint Online admin center with admin account > Settings > classic settings page > Custom Script > select Allow users to run custom script on personal sites and Allow users to run custom script on self-service created sites.(Note: This may take up to 24 hours to reflect the changes. Sometimes it may take more than that and sometimes it may take 3/4 hours also.)

You can refer to following document
https://learn.microsoft.com/en-us/sharepoint/allow-or-prevent-custom-script
Audi86 781 Reputation points

2022-07-25T19:39:32.937+00:00

hi @RaytheonXie_MSFT ,
yes I have that already allowed. looks like MS has blocked those edits now on Community Site form. This is how I am looking into it once I select new form. No option to add an editor
RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-07-28T13:37:57.65+00:00
HI @Audi86 ,
Please try to run the following powershell to access Script Editor

Set-SPOSite <SiteURL> -DenyAddAndCustomizePages 0
Audi86 781 Reputation points

2022-07-28T21:21:38.613+00:00

hi @RaytheonXie_MSFT command ran successfully but still no option appeared to add the the script editor or web part on form page. same old look as above unless i am talking too early and command take some time to enable options
thanks
RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-08-01T07:59:37.1+00:00

HI @Audi86 ,
You need to click on setting and Edit Page like following page

Then you can insert a web part like following
Audi86 781 Reputation points

2022-08-02T16:17:19.293+00:00

hi @RaytheonXie_MSFT thanks I ma able to add the webpart but cant find save option. I did insert the code but no response on page. I can only see stop editing potion. As mentioned earlier, the code is already tested and working on console front end testing.
RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-08-03T09:33:12.167+00:00

HI @Audi86 ,
After insert the script, you need to stop edit and go to the page to test the code.
Audi86 781 Reputation points

2022-08-03T14:02:55.19+00:00

hi @RaytheonXie_MSFT yes I followed that already, Unfortunately it still not working. You may think the code has an error but the its working on front end console testing so there is something else happening here. No error after inserting code but no change as well on form as well.
RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-08-04T08:11:57.227+00:00

HI @Audi86 ,
Could you share the screenshot in F12 console?
Audi86 781 Reputation points

2022-08-04T16:56:29.33+00:00

@RaytheonXie_MSFT Here you go

this is when I insert my code in Console to test, you can see in it below when I am changing the category, its showing the relevant description as well and its doing it for all categories. I am pulling those lines from another list on same site
RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-08-09T01:48:04.587+00:00
HI @Audi86 ,
The problem is that the file sp.js, is not reffered and hence not getting loaded before the function call. You can use following code to call your function

SP.SOD.executeFunc('sp.js', function () { // code goes here });
Audi86 781 Reputation points

2022-08-09T12:28:57.753+00:00

@RaytheonXie_MSFT do you know where exactly I have to save that file and call that using your code? At the moment, I was pasting the script directly. Should i upload it on site library and call it from there?

Thanks

Answer 3

RaytheonXie_MSFT 40,496 Microsoft External Staff

Hi @Audi86 ,
You can follow the document to insert your js code to edit form.
https://social.technet.microsoft.com/wiki/contents/articles/23955.sharepoint-2013-building-custom-forms.aspx

I would recommend you to upload js file to Site Assets library. Refer the file from Site Assets or any other library. Make sure this link it not blocked by SharePoint or your network. Then add a Content Editor or Script Editor web part for inserting the code.

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-07-18T08:49:33.853+00:00

Hi @Audi86 ,
Have you tried the solution I proposed?

If you have any questions or progress, you can contact me in time.

Looking forward to your reply

Have a lucky day!

Thanks,
Raytheon Xie
Audi86 781 Reputation points

2022-07-19T16:01:21.373+00:00

I tried the link and getting following response (below) which seems like SP designer is not allowing creation of new form but that link was informative. So I am trying to edit the form using script.
For that I upload the script in a style library and calling from there. I didnt get any errors, but i also did not see any changes in the form though, but i know that that script has no errors because i tested it on front end using chrome console. can you confirm if we can actually edit exiting forms using scripts? thanks

Share via

How to include javascript code using Sharepoint designer 2013 in sharepoint online classic community site Form?

3 answers

Your answer