You are viewing limited content. For full access, please sign in.

Question

Question

Forms Field Alignment

asked on March 12, 2020

Hello,

I am creating a form for users to submit a mileage claim.  I want the claim totals to appear on the right hand side of the form. I've used some simple CSS to adjust the alignment of the fields on the form.

I am running into an issue with the text from one the fields staying on the right side after form submission/save to repository

I have used the same CSS on other fields without issue.

 

Any ideas as to why this field would behave differently than the others that have been setup the same way?  

Any help is appreciated.

Thanks,

Darren

0 0

Answer

SELECTED ANSWER
replied on March 12, 2020

The element on the form submission is no longer input any more, it is a div with class "ro" which means read-only.  You can add following CSS to set the width of the div to 100% so it can be aligned to the right:

#q78 .cf-field .ro { width:100% !important;}

 

1 0
replied on March 13, 2020

Excellent! 

Thank you

0 0
replied on March 13, 2020

Hi Darren, You can also add some Padding on the right side of the field if you want to move the fields off the right edge of the form a bit

padding-right:50px;

1 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.