How change the size of images ?

  • Profile Image
    Asked on April 13, 2011 at 06:36 AM



    I want to change the size of my images on my formulaire but I don't know how can I do that.

    Moreover, i would like to know if it's possible to use "Jquery" on my images in order to display in big my imaget when I click on it.


  • Profile Image
    Answered on April 13, 2011 at 07:02 AM

    When you add "Image" from "Power Tools" and load a picture to your form via "Image Wizard" you can open Properties tab and there you can see "Height" and "Width" areas.

    On the other hand in order to use "Jquery" you need to have full source code of your form and add your "Jquery" to your form by an editor. Then upload your form to your web page yourself. You can follow these steps to get your full source code:

    1. Open your form
    2. Click on "Setup & Share" tab
    3. Click on "Embed From" on top menu
    4. Click on "Source" icon

    then you will get a window like below:

    You can get your full source code when you click the link that arrow points in this picture.

  • Profile Image
    Answered on April 13, 2011 at 07:17 AM

    Great ! Thanks !

    Last thing, I can't modify the source code... Juste copy it... A solution ?

  • Profile Image
    Answered on April 14, 2011 at 02:55 AM


    Of course it is possible to modify the Source code but be aware that if you do, you're essentially veering away from your original form stored in your account. Any changes you apply to the form in your account will not reflect to the form embedded using Source so for convenience, I would  suggest that you use the "iframe" or "embed <>" codes.

    Hope this helps. Get back to us if you have further questions.

  • Profile Image
    Answered on April 14, 2011 at 03:23 AM


    Yes but if I use "iframe" ou "embed <>", it's the same, I can't modify directly the code and add lightbox jquery on my images...

  • Profile Image
    Answered on April 14, 2011 at 03:38 AM

    I would advise against using jQuery plugins with Jotforms as this have caused a lot of problems for other users in the past.

    Although if you insist to try, you just need to follow the instructions laid out by obi-wan in his previous post. Copy the whole source codes found in this window, and then modify it to suit your needs.

    Hope that helps.