Skip to main content
Nintex Community Menu Bar
Answer

Remove padding vertical padding in field 'Short text'

  • November 14, 2023
  • 3 replies
  • 93 views

Forum|alt.badge.img+3

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?

Best answer by SimonMuntz

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.
 

[dir] .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.
 

3 replies

SimonMuntz
Nintex Employee
Forum|alt.badge.img+23
  • Nintex Employee
  • November 15, 2023

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


Forum|alt.badge.img+3
  • Author
  • Rookie
  • November 15, 2023

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


SimonMuntz
Nintex Employee
Forum|alt.badge.img+23
  • Nintex Employee
  • Answer
  • November 15, 2023

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.
 

[dir] .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.