How to replace and add new images to form

Hello Jotform,

I have an amazing custom form created by Abajan, and I am trying to update it at the moment and replace some images and add new ones. I've been reading through previous emails and have attempted to make the changes but the new images are not appearing on the form. I uploaded them on to the form, removed the CSS, changed the titles of the images and changed the details in the gallery file, then updated the HTML. However they have nor appeared on the form and the boxes where they should be are empty and not in the correct space. Please can you help me realise where I went wrong?

I also want to replace some of the existing images with new ones but don't want to mess up the form. Please can I get some help with that? 

Many thanks!

Hi,

I would first suggest cloning the form and use the cloned version so the original one stays the same, a matter of backing up the form just in case something will happen. This is a fully customized form and removing some of the custom codes may break the formatting. 

Now, to change the images, just simply click on the Free Text HTML field and click "HTML" button to the top toolbar. From there, you should be able to see the image links:

You can get the full codes on the section here: http://pastiebin.com/53b82a7bb03a4. If you check the codes, it contains image links from my colleague Abajan (a.k.a Wayne).

Let us know if you need any further assistance.

Thanks

By the way, to add another image, just simply put this line to the section:

<td>

<p>

Doggie Pile SS44

</p>

<span class="image">

<img src="https://www.jotform.com/uploads/abajan/form_files/doggie_pile_ss44tp.png" width="142" height="200" border="0" alt="How to replace and add new images to form Image-0" />

<span class="zoomed-in">

<img src="https://www.jotform.com/uploads/abajan/form_files/doggie_pile_ss44tp.png" alt="How to replace and add new images to form Image-0" />

</span>

</span>

</td>

Put this codes after the closing </td> tag. 

You have to change the links, image name, image sizes - all text in bold from the given codes above.

Hope that helps! Let us know if you need any further assistance.

Thanks

This is a fully customized form and checking the cause for just a few minutes is impossible. Let me check further and get back to you later today. I will also contact my colleague Abajan about this matter.

Thank you!

Okay, I've found the cause. =) It was a textbox field added to the form. I removed that and seems the form is fixed now.

Check this: http://www.jotformpro.com/form/41874789239978, a cloned version of your form. If this is now okay, you can simply clone it back and free to use it: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

Thanks

Hi, you were right, there was a textbox added, seems to be okay now thats gone but the problem is the button "christmas cards' that leads to the second gallery page is not working at all, i'm struggling to work out what happened, do you have any ideas of things I could try to get it back? Here's a link to the URL to show you what I mean: http://sophieswindells.co.uk/Sophie_Swindells/Sophie_Swindells__Trade_Order_Form.html 

Thank you

Hi,

View Christmas Cards button is working fine here, please see screenshot:

As you could see, I'm on the next page of the form. Did you manage to resolved the issue? If not, I would advise to clear your browsers cache. Also try to view the form using another browser.

Thanks

Hi Welvin,

I don't understand it, i'm not able to view the second page of the form on this browser, i've also tried another browser and also two different computers at other locations and none of them show page 2 of the order form. How are you able to? Any ideas on whats going on? 

Thank you :-)

I don't know if this is an issue with your current OS and browser. I also noticed that the bottom part of your form stays on the same location when clicking "View Christmas Cards" button.

Well, did you check my form? This one: http://www.jotformpro.com/form/41874789239978. If this is working for you, I would advise to clone this and use it instead of your current form. Clone it by following this guide: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.

You can simply change the source codes to your page. To get your form source codes, follow this guide: http://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form

Thank you!

Hi, I cloned your form and put the source code and the script into my website with the added line of code that makes user details appear on both pages. However, it's still not working, there is no page 2, it's totally blank. Are you able to see it on this URL?  http://www.sophieswindells.co.uk/Sophie_Swindells/Sophie_Swindells__Trade_Order_Form.html

It's puzzling. 

Thanks.

hhmmm... I noticed that you have to scroll up to see the fields on the second page. I think that was the cause. Can you please check if you see a scroll bar?

Thanks

Aha yes, that's it! :-) There is a scroll bar, I didn't see that before. You have to scroll quite far up. How do I fix this? Thanks.

Okay, great! :)

I can't find the exact height elements from the iWeb snippets so I would advise to check it to your end. Please try to change the height values from % to px. 

This is where the form is placed as an iFrame: http://www.sophieswindells.co.uk/Sophie_Swindells/Sophie_Swindells__Trade_Order_Form_files/widget0_markup.html, if you check it, you will see that no extra spacing is on the next page.

Thanks

Hi, i'm not sure I understand what you mean, where do I locate the height values? In the script? I've looked through the code and can't see where. Thank you.

My apologies! Honestly, I'm using Windows OS and cannot install iWeb. I searched the web and found this on how to change your page height: http://www.ehow.com/how_5043746_change-iweb-sites-dimensions.html. I hope this helps. What is your iWeb version? Let me know and I will search further for guides with screenshots.

Thanks

Hi, okay cool, I now understand that the issue is with iweb and not the script itself. I've been adding new rows to Gallery 1 so its increased in height but Gallery 2 has stayed the same.

Cheers

Your new questions has been moved to another thread, to provided you better assistance, please open a new thread per each unrelated questions, we will be glad to assist you.