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

Question

Question

Form saves different to laserfiche repository

Forms
Updated July 23, 2018
asked on July 12, 2018 • Show version history

I have a form that I have used css on and most of my fields look just fine but I have some that wrap the response to the second line once it saves to the repository.  I have modified the width of my form to 1000 and tried to adjust my width's and no change.  Any suggestions of something else to try?  We are displaying this in IE if that makes a difference.

 

 

 

 

 

0 0

Replies

replied on July 12, 2018

From what you are describing, it sounds like the width adjustment of the label's is not leaving enough room on the same "line" for the response.

Basically, when the form is saved to the repository it is limited to a specific width to fit the page. If the label is too wide, then container for the response will not have room and gets kicked down to the next line.

It is hard to give a specific solution because a little trial and error is typically involved in these situation, but if you float the response container to the right it shouldn't be affected by the label's width anymore.

0 0
View 1 previous reply
replied on July 12, 2018

What is strange I can take those same fields with the same CSS and put them on a new form and they do not wrap.  I did notice on my new test form under the form settings the label width was set to small so on my old form I changed that to match as small (it was set to medium) to see if that resolves this.

0 0
replied on July 12, 2018 • Show version history

That sounds about right. Small, Medium, Large, and X-Large widths are all set based on percentages, so when you start changing the percentages of things like labels the results can be a bit unpredictable.

For example, if you set two objects to 50%, things might spill over due to margins, padding, etc. If one is at 50% and the other is at 35%, the risk is much lower.

In my experience, if you are going to use CSS to alter a label width, you should also do something with the width of the associated fields to make sure you are controlling both and not leaving things up to chance. 

0 0
replied on July 12, 2018

Thank you for taking the time to reply I will see how this turns out.

0 0
replied on July 23, 2018

If I understand your problem, I've had something similar happen.  I fixed it by giving the field a class name and then adding the following CSS

.legend {white-space: nowrap;}

In my case the class name I used was .legend

 

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

Sign in to reply to this post.

Details
Related Posts
Loading ...