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

Question

Question

Splitting a Form Header Three ways

asked on November 17, 2015

I am currently creating forms that I would like to include our company logo and also a client logo for the various clients we deal with. However within the 'Customize' section of Laserfiche a Logo you upload can only be uploaded and then placed left or right within the Form Header (see images).

 

I am aware that I can combine  our company logo and a client logo together within an image software program and upload it as one image, however this may cause irregularities among the forms due to client logos varying in their format/size etc.

 

My question therefore is; is it possible to split the header three ways to have my Form Title and two separate images within the Form Header?

 

Any clarity or solution to the above would be appreciated.

 

Christian

Capture1.JPG
Capture2.JPG
Capture1.JPG (23.58 KB)
Capture2.JPG (22.45 KB)
1 0

Answer

SELECTED ANSWER
replied on November 17, 2015 Show version history

There are 2 ways you can go about this. Either use html/css to insert the image into the header, or hide the form title altogether by checking off the "Show form title" checkbox and use a "custom html" control, css, and a little html. We went the custom html route due to using bootstrap styling for the forms. If you want to use LF Forms themes, then html and some css is your best route. In the "Form description" field in the "Form Title" section add the following html:

<img src="[url to client logo]" class="client-logo" />
<img src="[url to your logo]" class="company-logo" />

In the "CSS and Javascript" tab, add the following css:

.client-logo {height: [number]px;float:right;margin:[optional]px;padding:[optional]px;}
.company-logo {height: [number]px: float:right; margin:[optional]px;padding-left:[at least some to separate the logos]px;}

You will need to play with the padding and margin values to get the effect your are after, but this should get you started.

 

1 0

Replies

replied on November 18, 2015

Hi Chris,

 

This did work - however after a lot of fiddling around with CSS sizes, it will be easier to use another method I have already tested and considered.

The answer to my question above is correct however is not what I am looking for with regards to our forms.

Many thanks!

0 0
replied on July 26, 2019

How did you get your corners to be rounded on your form?  

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

Sign in to reply to this post.