Skip to main content

In the ‘New Responsible Forms designer’, is it possible to remove vertical padding. 

For instance, if I want to have two fields of ‘Text - Short’ stacked vertically - it will be too long distance between the fields. Is there some way this can be fixed?

Hi @oysteinbruce,

The new Responsive Forms Designer now allows for custom CSS.
On the styles tab, enable custom CSS.  From there, you can add CSS to adjust the padding.

Helpful Links.
https://help.nintex.com/en-US/office365/Designer/CustomCSSGuidelines.htm#Controls
https://help.nintex.com/en-US/office365/Designer/FormsStyles.htm?cshid=1500#CustomCSS


Do you have the specific CSS code to fix my issue?


Hi @oysteinbruce,

 

I’m not the greatest at CSS but based on the links I sent you the below seemed to work in my testing.

This will remove the gaps on all controls on the form.
 

cdir] .nx-theme-styles .nx-theme-form .form-group

{ padding: 0px; border: 1px solid #ffffff;

}

 

If you only want your two Text Short controls to be close together you could put them in a group and then apply the CSS to just that group.
 


Reply