Skip to main content
Nintex Community Menu Bar

CSS - Nintex Style

  • February 22, 2017
  • 97 replies
  • 520 views
  • Translate All

Show first post

97 replies

Forum|alt.badge.img+13

Yes, I'd agree, that the guide needs to have a reference to the CSS Class. If this is designed for people who know nothing about CSS then knowing which class to add to the control might not be obvious.

Translate

Forum|alt.badge.img+17

Rhia et all... this is a good start and I'd like to see where I can contribute as well. I'm putting some thoughts together on how it could be hosted via the web, post it to the Xchange and even copy/pastable for users to see the example, find the code, etc.

Keep it up... 

Image result for i'll be back meme

Translate

Forum|alt.badge.img

Fantastic idea and start. Thank you so much, Rhia, and all who have contributed!

Not sure where I read this, but it's invaluable when designing forms. If you are referencing a style sheet:

The link to the CSS style sheet goes in:
Nintex form settings > Advanced > Custom CSS includes 
 
You will see the changes referenced when previewing or doing a new form, but will not see the changes when working with the form.
If you want to see what the style sheet will do to your form (“live”),
Put this: @import url("/Style%20Library/css/xxxx.css");  [between the " " goes your referenced css file]
In Form Settings > Custom CSS  as the first line.
Translate

rhia
Nintex Partner
Forum|alt.badge.img+15
  • Author
  • Nintex Partner
  • September 13, 2017

This is great! I will add it in happy.png 

Translate

rhia
Nintex Partner
Forum|alt.badge.img+15
  • Author
  • Nintex Partner
  • September 13, 2017

Thanks ! It's certainly going to be a work in progress, and we will take any contributions we can get! I'm still hoping to get some more simple copy & paste button and control modifications. 

I can't for the life of me figure out how to CSS an input...

Translate

Forum|alt.badge.img+11
  • Nintex Partner
  • April 26, 2018

And here a snippet to add extra padding to the right of multiple choices checkboxes to be added to the Custom CSS:

.mycss_checkboxes .nf-filler-control-inner label {
padding-right: 25px;
}

If you want to apply this to all multiple choice controls, leave the .mycss_checkboxes out.

Translate

Forum|alt.badge.img+6

Thanks! I cleared the default CSS on the control on the form and added this CSS to the form's Custom CSS.

Translate

Forum|alt.badge.img+1
  • October 25, 2018

Good Idea Rhia Wieclawek‌

-If create a catalog that explain what class to use for each section with an screenshot showing all section of a page.

-Also making a minimal CSS that allow us to not having OOTB Nintex branded form (same as SharePoint minimal.master master page) is a quick start

- Lastly, I have been asked internally to create a Nintex form which has similar look and feel same as PowerApp or Modern SharePoint online UI (simple, clean) for our office 365 users. I was wondering if someone else has done it? 

Translate

EuanGamble
Nintex Employee
Forum|alt.badge.img+13
  • Nintex Employee
  • October 29, 2018

Hi all,

Our UX team are doing some research into our style builder for Universal Forms. We would appreciate your feedback on your current experience in styling your forms in any platform.

If you would like to provide feedback, please fill out the survey at Applying styles in Nintex Forms 

Thanks,

Euan

Translate

rhia
Nintex Partner
Forum|alt.badge.img+15
  • Author
  • Nintex Partner
  • October 29, 2018

Just provided feedback! I'd never even stopped to think about this thread...  oops... I think I have more comments, now plain.png 

Translate

Forum|alt.badge.img+1
  • October 31, 2018

Done!

Look forward to see Universal Forms soon and hope it support building wizard form and tab capability OOTB happy.png

Translate

EuanGamble
Nintex Employee
Forum|alt.badge.img+13
  • Nintex Employee
  • October 31, 2018

Thanks Ehsan Hakimi‌. 

Universal Forms already has multipage complete.

220448_pastedImage_1.png

Cheers,

Euan

Translate

Forum|alt.badge.img+7

Is this an upgrade to on prem forms?

T.

Translate

EuanGamble
Nintex Employee
Forum|alt.badge.img+13
  • Nintex Employee
  • November 1, 2018

Hi Anthony Parker‌,


We are currently working on a new version of the Responsive Forms designer that will replace the existing Responsive Forms designer. We will first bring it to Office 365 with SharePoint 2013, 2016 and 2019 at a later date.

Have a look at this blog post about some of the functionality you can expect.

Happy to answer any more questions you may have.

Cheers,

Euan

Translate

Forum|alt.badge.img+2
  • Nintex Partner
  • November 5, 2018

You can add the code to a workflow constant once and just add the workflow constant under the customer javascript in forms.

Translate

Forum|alt.badge.img+3

Has an ETA been set out for the launch of Responsive forms to On-Prem 2016?

Translate

Forum|alt.badge.img

Rhia, where do you keep this nifty catalog???? I would seriously love to get a copy!

Translate

Forum|alt.badge.img+2

Can someone please provide access to the Catalogue?

Translate

Forum|alt.badge.img+2
  • September 7, 2019

I would love a copy of the CSS Catalogue. If available. @rhia 

Translate

Forum|alt.badge.img+3
  • September 25, 2019

@Arianeb wrote:

I would love a copy of the CSS Catalogue. If available. @rhia 


Anyone managed to get the link??? @rhia  

Translate

Forum|alt.badge.img+4
  • Rookie
  • January 29, 2020

@rhia did you publish the catalogue somewhere? Starting to build a form now and hacking through the css using the browser develop tools is really time consuming.

Translate

Forum|alt.badge.img+2
  • Rookie
  • February 25, 2020

Terribly disappointed to have gone through the 10 pages of this thread to find out the catalog was abandoned :smileysad:

That was a great idea ! Too bad I don't have the time to do it myself.

Keep up the good work :smileytongue:

 

Translate