Question

Form looks different when saved in Laserfiche Cloud?

Laserfiche Laserfiche Cloud Forms Business Processes Web Customizations

Updated March 9, 2020

asked on March 9, 2020

I have CSS that puts the fields side-by-side, and when it's sent to the repository for archival, some of these fields end up side-by-side, but others do not. The form also ignores any formatting that is applied -- for example, under the Themes tab in the Forms Designer, I having spacing set to 0, but when stored, the spacing is increased. I also found that any logos that you add are removed and the title height is also increased. I attached comparisons for reference.

Anyone know how to modify what the form looks like when sent to the repository?

Alot of our shorter forms are coming out to more than 1 page because of this, and our customers want to consolidate as much real estate as possible.

Live form.png (20.63 KB)

| Download

Repository Version.PNG (53.98 KB)

| Download

0 0

Answer

SELECTED ANSWER

replied on March 9, 2020

Hi Michelle!

We did some investigating and it looks like there is an issue where we're re-adding the space that you removed in the Themes tab, we'll file a bug report for that. This issue seems to be causing the total width of your "thirtythree" class to be over 100% when saved to the repository.

For now, we'd suggest reducing the total width to 96% or less to account for the additional space being added. When tested, having the class width set to 32% worked and the saved document did not have the overflow issue.

3 0

replied on March 9, 2020

Thank you Julia! This was very helpful!

0 0

Replies

replied on March 9, 2020 • Show version history

We'll do some investigation to see if we can pinpoint the problem. Do you mind posting the CSS code you are using so we can troubleshoot? It's strange that some of the formatting and CSS is being applied and other pieces are not. In your generated PDF, you do have some fields next to each other, but there is some weird wrapping going on.

Including the logo in the saved form is a known issue currently. We will look into fixing that.

1 0

replied on March 9, 2020

Hi Jared,

Thanks, I really appreciate you looking into this for us! Here is the CSS we are using:

.fifty {
  width: 50%;
  vertical-align: top;
  display: inline-block;
}

.twentyfive {
  width: 25%;
  vertical-align: top;
  display: inline-block;
}

.sixty {
  width: 60%;
  vertical-align: top;
  display: inline-block;
}

.thirty {
  width: 30%;
  vertical-align: top;
  display: inline-block;
}

.twenty {
  width: 20%;
  vertical-align: top;
  display: inline-block;
}

.thirtythree {
  width: 33.33%;
  vertical-align: top;
  display: inline-block;
}

.fourty {
  width: 40%;
  vertical-align: top;
  display: inline-block;
}

.fullWidth .cf-field, .fullWidth .cf-medium {
  width: 100%;
}

.partial .cf-medium, .partial .cf-field {
  width: 82%;
}

.note {
  border: 1px solid gray;
  margin-top: 10px;
  padding-bottom: 10px !important;
  margin-bottom: 5px;
}

Essentially each CSS class above determines how much space to allocate on one line.

For example, first name, last name, and initial are using the thirtythree class.

2 0

You are not allowed to follow up in this post.

Question

Question

Form looks different when saved in Laserfiche Cloud?

Answer

Replies

Sign in to reply to this post.