Solved

Missing Custom CSS an Custom Javascript ribbons in Nintex form setting

  • 3 August 2022
  • 4 replies
  • 132 views

Hi, I am trying to import some custom CSS/JS onto the nintex form. However, I am unable to find the Custom CSS/JS ribbon in the Nintex form setting. Does the SharePoint admin have to enable it somewhere? or Nintex 2013 doesn't have it? or I need to enable it somewhere myself? Thanks in advance.

 

 24907i95B28AF71EBDF03D.jpg24908i4CD153E15B2E6C02.jpg

icon

Best answer by MegaJerk 4 August 2022, 03:05

View original

4 replies

Userlevel 5
Badge +14

I suspect you are using a Responsive Form type and not the Classic Forms type. In Responsive Forms they have removed many of the more straightforward options to get custom JS and CSS loading hence your missing options:



(showing a Responsive Forms Settings dialog)


 


However in Classic you still have those options:



 



 


 


Let me know if this doesn't answer your question or if there is some other issue! 

@MegaJerk, Thank you for the prompt reply. And you are correct, I am using the responsive form type.


Is there still a way to insert some customer CSS / JS on the responsive form?


Or is there a way to convert responsive form to class form without recreating everything again?

Userlevel 5
Badge +14

Well technically you could create a custom master page for sharepoint, and just include whatever files you wanted to load into it, and they would load, but it would load for every page.


 


If it's *only* css that you'd like to load (again, for every page) you can simply select it as something to be included for every site / subsite by going to your Site Settings (of the main site):



 


Then to Master Page:



 


And then changing the Alternate CSS URL to the location of wherever your css is:



(note: if your file is stored somewhere like masterpage library, then the url you will type into this input will follow this general syntax:


/sites/WhateverYourMainSiteIsCalled/_catalogs/masterpage/css/hideOffice365Nav.css

)


 


 


As you can see I absolutely hate the 365 Nav bar link that they included for SharePoint 2016, so I have a little css that murders it for every page of the site collection. 


 


Personally I store files like this just *in* the masterpage directory, which can be accessed by once again going to the Site Settings and clicking on Master Pages and Page Layouts:



 


In that library I have a folder called css, and inside of that, the css in question:



 



 


Just remember that for actual form customizations, using classic forms is typically the better solution as getting custom css and js to work in Responsive forms is advanced / janky, but more importantly, ultimately unsupported. Additionally, in the latest iteration of Responsive Forms (like for Sharepoint Online) they have removed the ability to even use all in-form work-arounds to get custom Js running.


 


Just be aware of those pitfalls before backing yourself and project into a corner.


 


Hope that this helps, and if any of the above has helped to answer your question (even if it's your own post) please don't forget to mark it as the solution. 


 


let me know if you have any further questions. 


 


 


 


 

Sorry for getting back to you late.


Thank you for all the instructions and details.

Reply