Question

individual field formatting

Forms

Updated September 3

asked on September 2

I am converting some forms from the old forms designer to the new and running into an issue with field formatting. I am trying to get a "%" symbol to show up immediately to the right of a number field. I was able to use CSS in the old forms designer to do this:

The same CSS code does not work in the new forms designer so I am stuck with this:

Does anyone know how to accomplish this in the new forms designer?

Thank you.

0 0

Answer

SELECTED ANSWER

replied on September 3

This is the CSS I use for % fields in the Modern Forms Designer. Put the "%" sign in the "Text Below Field" and add "percent" as the CSS Class:

.percent .cf-field { display: flex !important; }
.percent input { width: 150px !important; }
.percent label { min-width: 265px !important; }
.percent .fl-number-inputs { width: auto !important; }

percent_fields.png (2.34 KB)

| Download

2 0

replied on September 3

That works perfectly. Thank you.

0 0

replied on September 3

I'm so happy it helped! Could you please mark my response as the correct answer? Thank you!!

0 0

Replies

replied on September 2

Hi Jeff, could you show how you did it before?

0 0

replied on September 3

Here is the CSS I used in the old version.

#q29 .cf-helptext {display: inline;}
#q29 .cf-helptext {font-size: 14px;}

0 0

You are not allowed to follow up in this post.

Question

Question

individual field formatting

Answer

Replies

Sign in to reply to this post.