Skip to main content
Nintex Community Menu Bar

Global style for Nintex Forms

  • September 6, 2016
  • 7 replies
  • 24 views

Forum|alt.badge.img+9

What would be the best practice to globally style ALL Nintex Forms in the farm? Is there a global custom css file?

Do you know of any good styling examples for Nintex Forms to make them look professional and modern?

Thanks!

7 replies

Forum|alt.badge.img+12
  • September 6, 2016

By using Nintex Form templates you can get a consistent look across all forms being created.   See here for instructions:  


Hope that helps!

Mike


Forum|alt.badge.img+9
  • Author
  • Scholar
  • September 6, 2016

It only works for new forms. How do I apply it to existing forms? So back to my original question - global css?


Chris_Ben
Nintex Employee
Forum|alt.badge.img+14
  • Nintex Employee
  • September 7, 2016

Hi Igor, you can reference a custom CSS file and then make changes to that file only.  Go to form settings | advanced and one of the inputs is for custom css includes.

However for any existing forms, you will have to go and modify them individually to reference the file.  Once that is done you now have global control!


Forum|alt.badge.img+6

I suppose that SharePoint's "Alternate CSS" setting (under Site settings / Look and Feel / Master page) could host your site-scoped globals for Nintex as well as other SharePoint branding tweaks.


Forum|alt.badge.img+6

Also, there's always an option to reference custom CSS files by means of site or site collection scoped UserCustomActions targeting a ScriptLink or injecting a ScriptBlock, but that would require a client-side developer. More info and samples can be found at dev.office.com.


Forum|alt.badge.img+8
  • September 12, 2016

If you're looking to package it up outside of Nintex's form reference, the AlternateCSSUrl has been added to CSOM. Check out the below video and GitHub sample for more info:

PnP/Samples/Branding.AlternateCSSAndSiteLogo at dev · OfficeDev/PnP · GitHub 


Forum|alt.badge.img

if your forms are in one site collection, you can use AlternateCSS approach, if they are spread across multiple site collections you can try delegate controls, using control id "AdditionalPageHead" you can add css or js files through your control.