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

Question

Question

Alignment rules within Submission Form not replicated in Repository.

asked on April 21, 2016 Show version history

We have a form that I have (based on LF Answers help) adjusted to make the alignment of text entered centralized. Given the screen shots below, the text when entered on a submission form is centralized, I believe i have the correct CSS coding but in my other screen shot of the completed form in my repository the alignment has shifted!!

 

Am I making a silly mistake here? Could someone help me with suggestions to fix the issue?

 

Any and all help is apprceciated!

Allignment Issue.JPG
Allignment Issue 2.JPG
Allignment Issue 3.JPG
0 0

Answer

SELECTED ANSWER
replied on April 21, 2016 Show version history

Hi Christian,

     It is because when save to repository, the form will be first converted to a read-only version which will change input element to span or div, to make your customize CSS work when save to repository, you can change you CSS to

.Field input,.Field span,.Field div {text-align:center;}

 

2 0
replied on April 22, 2016

Hi Xiuhong,

 

That has worked perfectly! 

 

Thank you very much :)

replied on April 22, 2016

Hi Xiuhong,

 

Your coding has worked for what I wanted but has had a knock on effect on other aspects of my form that I did not want to be effected & are not using the 'Field' CSS Class. 

 

Any idea why this has happened? My form title and Instructions (HTML) have been centralized also.

 

Thanks.

Picture2.jpg
Picture2.jpg (97.49 KB)
0 0
replied on April 24, 2016

Hi Christian, the custom CSS I provided before has some mistake: need to add .Field before the elements. I updated the CSS in my previous post. Sorry for the inconvenience.

0 0
replied on April 25, 2016

Hi Xiuhong,

 

Thanks! That has worked perfectly now without any additional alignment to the rest of my form & it all looks fine within my repository!

 

Appreciate your help! smiley

0 0
replied on May 26, 2016

Xiuhong,

 

I am having the same issue with another field in one of my forms. This time it is a radio button field. 

See below the CSS attached and the screen shots of issue!

.ButtonChoice span.choice:first-child {margin-left:30px !important;}
.ButtonChoice {padding-left: 20px !IMPORTANT;}

Could you please help like above?

Radio Button - Repository view.JPG
Form View.JPG
Form View.JPG (19.49 KB)
0 0

Replies

replied on April 21, 2016

Hi Christian,

What version of Forms are you using? Also, when the form is previewed after submission, what is the alignment of the field text?

Cheers!

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

Sign in to reply to this post.