Solved

Remove padding vertical padding in field 'Short text'

  • 14 November 2023
  • 3 replies
  • 51 views

Badge +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?

icon

Best answer by SimonMuntz 15 November 2023, 23:00

View original

3 replies

Userlevel 6
Badge +22

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

Badge +3

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

Userlevel 6
Badge +22

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.
 

Reply