Skip to main content

I have a rich text field on my form called "comments."  I don't seem to be able to add a margin or padding, within the field, so that the text doesn't butt up against the right margin:

RichTextField

I would like it to look like this:

RichTextField2

I have added padding in the control, but I think that only adds padding to the outside of the field, not within.

RichTextField3

Any thoughts on how to add a margin within the field itself?

Hi, 

To the multi lines control, add a class in "Control CSS class" setting called "CommentsPadding".

In the form settings, Custom CSS, add the below:

.CommentsPadding

{

padding: 20px;

}

BR,


Unfortunately, that did not work...


try following

- add 'CSS class' Comments to the control

- add following styling into 'Custom CSS'

.Comments .ms-inputBox{
  padding: 20px !important;
}

Sorry I didn't pay attention...I did it on plain text not rich one...Will reply in few...


thanks, I couldn't understand why it wasn't working...I await your reply.


Hi, 

1-Add ClassName to "CSS Class" setting of the control.

2-In the "Custom CSS" setting of the form, add the below code (As example):

.CSS p

{padding-left:30px;}

Result

Control Settings

Form Settings


Thank you!  Thank worked perfectly! :-)


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


I have responded to your survey.  If you decide to assemble a team for UAT, I would be interested.


That would be great to have your input Dina Fischer. I will forward your details on to our UX team for follow up. We will be creating some high-fidelity mockups and concepts together so it will be good to get your feedback.

Regards,

Euan


Hi, I have responded to the survey. Running on Nintex Adrenaline!!!


Reply