Moving the html code next to vs under

  • Profile Image
    stuball
    Asked on February 23, 2012 at 10:41 PM

    I have 4 forms:

    http://www.jotform.us/form/20538733505149?  (tarantula)

    http://jotform.us/form/20537992995168 (Scorpion)

    http://jotform.us/form/20537342116142 (snail)

    http://jotform.us/form/20538153899161 (crawdads)

    I beleive in order to combine them into 1 form I need to place the HTML pay code next to the image as opposed to under the image.

    How can I do that?

    Thanks
    Stu 

     

     

  • Profile Image
    aytekin
    Answered on February 24, 2012 at 02:06 AM

    When you define products in the Payment Wizard, you can actually provide an image URL for the product. Can you give that a try? 

    See the "Payment Wizard: Products" screenshot here:

    http://www.jotform.com/help/50-PayPal-Forms

    There is an image URL option. 

     

  • Profile Image
    stuball
    Answered on February 24, 2012 at 10:21 AM

    NO this won't work since the money is captured by a third party who hosts the videos.  I need to use the format setup by that third paty.  That's why I need the format that exists on the form now.  I just want to have the opportunity to place all 4 images and html widgets on one form.

    To do that I think they should be setup like this

    image here                                                                                        and html widget here

    Can I do this?

  • Profile Image
    fxr
    Answered on February 24, 2012 at 04:27 PM

    Can you not just add additional Free Text (HTML) fields and host them all on the one form?

  • Profile Image
    stuball
    Answered on February 24, 2012 at 04:43 PM

    Yes, I can put all of the html on one form, I'm just trying to put the image and the realted code NEXT to each other.  It always shows it UNDER 

  • Profile Image
    fxr
    Answered on February 24, 2012 at 05:29 PM

    Got it. 

    Can you try this?

    In your Free Text (HTML) field , open the HTML source editor, (access that by clicking the HTML button in the bottom right), then find the image tags and the following CSS:

    style = "float:left;" 

    e.g 

    <img src="//myserver.com/path/to/image.jpg" style="float:left;" >

  • Profile Image
    stuball
    Answered on February 25, 2012 at 11:09 AM

    When I try to edit the html all I see is the image (with no coding) and the embeded player with no coding.

    I actually don't see (access that by clicking the HTML button in the bottom right)  My edit HTML is in the top right.   

    On the image, I can't see any HTML code at all

  • Profile Image
    fxr
    Answered on February 25, 2012 at 04:07 PM

    1) Make your form wider, set it to 1000px . Setting the width of your form is explained here

    2) Shrink the top Free Text (HTML) field, by clicking the gear on the right, then select Shrink

    3) Do the same to the bottom Free Text (HTML) field. 

     

    Here is it shown to work on a clone of your form