cancel
Showing results for 
Search instead for 
Did you mean: 
Workflow Hero

Add margin/padding within/inside a "rich text" field/column

Jump to solution

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?

Labels: (2)
Tags (2)
0 Kudos
Reply
11 Replies
Workflow Hero

Re: Add margin/padding within/inside a "rich text" field/column

Jump to solution

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,

0 Kudos
Reply
Workflow Hero

Re: Add margin/padding within/inside a "rich text" field/column

Jump to solution

Unfortunately, that did not work...

0 Kudos
Reply
Workflow Hero

Re: Add margin/padding within/inside a "rich text" field/column

Jump to solution

try following

- add 'CSS class' Comments to the control

- add following styling into 'Custom CSS'

.Comments .ms-inputBox{
  padding: 20px !important;
}
0 Kudos
Reply
Workflow Hero

Re: Add margin/padding within/inside a "rich text" field/column

Jump to solution

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

0 Kudos
Reply
Workflow Hero

Re: Add margin/padding within/inside a "rich text" field/column

Jump to solution

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

0 Kudos
Reply
Workflow Hero

Re: Add margin/padding within/inside a "rich text" field/column

Jump to solution

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

Reply
Workflow Hero

Re: Add margin/padding within/inside a "rich text" field/column

Jump to solution

Thank you!  Thank worked perfectly! :-)

Reply
Workflow Hero

Re: Add margin/padding within/inside a "rich text" field/column

Jump to solution

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

Reply
Workflow Hero

Re: Add margin/padding within/inside a "rich text" field/column

Jump to solution

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

Reply