Question

Align header beside logo (fix wrap issue)

Forms Forms Layout Designer

Updated July 4, 2023

asked on June 28, 2023 • Show version history

Our organization set a form template in LF 10, and we're finding that we have to use LF forms 11 Classic, because we can't re-create the template in LF Forms 11 (see attached screenshots). The header wraps and doesn't align in LF Forms 11, but we can get it to align correctly in LF 11 Classic. We want to use the new LF Forms to take advantage of all of the new features, but can't until we figure out how to fix this. Any ideas?

LF11ClassicFormsAligns.png (29.6 KB)

| Download

LF11FormsWraps.png (28.02 KB)

| Download

0 0

Answer

SELECTED ANSWER

replied on June 28, 2023

I've got this working in the Forms Layout Designer Version 11.0.2212.30987.

This is some CSS you can add to your Form that should give you the look you are wanting:

/*Require the form description to 
retain line breaks.*/
p.form-description {
   white-space: pre;
}

/*Add a margin below the logo to 
keep the form description from wrapping 
beneath it.*/
.form-logo
{
  /*25 is an estimate, you should play 
  with the number here until you get a
  good value that works for you.*/
  margin-bottom: 25px!important;
}

2 0

Replies

replied on July 4, 2023

That worked perfectly. Thank you!!!

1 0

You are not allowed to follow up in this post.

Question

Question

Align header beside logo (fix wrap issue)

Answer

Replies

Sign in to reply to this post.