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

Question

Question

I need the logo to be in the background of the form-see example attached

asked on August 25, 2021

Does anyone know how to place a logo in the background of a Laserfiche Form in 10.2?

 

0 0

Replies

replied on August 25, 2021

Have you tried setting a background image here under Enter an image URL?

 

0 0
replied on August 25, 2021

Yes, I copied the URL for the logo over and this is what I get.

0 0
replied on August 25, 2021

How about within the Form Body URL field?

0 0
replied on August 25, 2021

Yes, I did try that first this is what I got.

0 0
replied on August 25, 2021

Try setting the tiling to none.

0 0
replied on August 25, 2021

I clicked on None and it removed all the logos that were showing.  This form may have to go without the background logo.

0 0
replied on August 25, 2021

Thank you for all your help trying to figure this out.

0 0
replied on August 25, 2021

I clicked on None in the Form Body and it shows just one logo now but it seems to be underneath the title.  

0 0
replied on August 25, 2021

So the first problem you'll run into is that the Form Body includes the page title section so if you apply a background there it will also be off center and under the title.

You could use CSS to apply the background image to the form element so it wouldn't be under the title, but the background-image property does not support opacity so unless you create a lighter version of your image, it may be too dark.

.cf-form {
  background: url(https://yourlink/yourimage.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

Another approach would be to use a custom HTML element and adjust the positioning to basically create your own background image container that would allow independent opacity, but that would require a lot of manual positioning.

0 0
replied on August 25, 2021

Jason, 

Thank you for the information, I will give it a try and see what happens.

0 0
replied on August 25, 2021

It worked.  It took me awhile to do the sizing but it actually worked.  Thank you very much.

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

Sign in to reply to this post.