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

Question

Question

How to insert a picture into a form?

asked on October 7, 2020

I have a form that I need to insert a picture into the form. The picture is actually a decision tree used by staff to decide what needs to happen with a case. See below:

0 0

Replies

replied on October 7, 2020
  1. In the visual tab of the Custom HTML area, click the image button.
  2. Select the image to upload.

 

The image will be uploaded but may be displayed quite large. To automatically adjust the image to fit your form do the following:

  1. Click Advanced in the Custom HTML area, and in CSS class enter customImage
  2. Go to CSS and Javascript and add the following to CSS:
    .customImage img{width:100%}

     

Now if you save and preview the form the image will be automatically adjusted to fit the form's width.

1 0
replied on October 7, 2020

Thanks so much for you answer that works perfectly in preview mode!!! However, I do have one other problem that is stumping me. When I go to preview mode and ask it to print the document it will not print the complete document any ideas what might be causing this?

0 0
replied on October 7, 2020

The better way to print a form is to submit a form, go to your completed tasks list, then use the print button from the toolbar. Or, you can include a thank you page with the form showing and a print button there to download a copy of the form. 

The built-in print functionality tells the browser how to print the full form instead of just what the browser can see. 

1 0
replied on October 7, 2020

Thanks that did it!

0 0
replied on November 10, 2021

This was exactly what I was looking for, but it looks like there is no option to add a picture in V11 unfortunately. Just putting this here in case some kind soul at Laserfiche wanted to take a look at adding this feature back :)

1 0
replied on November 10, 2021

Hi Shawn-

Looks like that option can be found in the old style form builder, if that's an option for your project. But like you noticed, not available in the fancy new designer.

0 0
replied on October 7, 2020

Use a custom HTML field and insert the picture in there. 

0 0
replied on October 7, 2020

I tried to drop the picture in an HTML field and it came out with just the words all run together. Just so you know I know nothing about coding, HTML or Java. I am a DSS Director not IT so if you could indicate how to do that I would appreciate.

0 0
replied on October 7, 2020

OK so now when I start the process and complete it, I am sending it to my email to print by it comes out like below taking with 1.5 inch side margins and 2.5 in margins top and bottom???

0 0
replied on October 7, 2020

In Forms settings in the toolbar of the form designer, you can control the form width. See if you can make that wider to fill the page. 

(Also, if you want to follow up about this new issue further, please file a separate post with an appropriate title so other users can easily find it)

0 0
replied on October 7, 2020

Sorry didn't mean to cause a problem. I just feel like it is somehow related to the picture setting described above. But I will ask a new question. Thanks!

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

Sign in to reply to this post.