What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Advice for logo next to my form

    Asked by ipbr21054 on September 22, 2013 at 05:09 PM

    I have a Jotform of which is prepopulating.

    When a customer clicks on the contact me button the form is pulled straight from Jotform.

    Here is the web page in question

    http://form.jotformeu.com/form/32153378873360

    I would like to have my logo next to the form like mt other form on this web page

    http://www.theremotedoctor.co.uk/fordcontact.html

    The second web page is pulled from from my site though and not from Jotform

     

    Please advise if/how this can be done.

  • Profile Image

    Answered by pinoytech on September 22, 2013 at 11:16 PM

    Hi,

    What you want to achieve in your form is possible using Free Text (HTML) field for your text and logo then custom css for the alignment. Please take a look at this clone form: http://www.jotformpro.com/form/32648999053974

    Custom CSS:

    #text_11.form-html {

    position: absolute;

    margin-left: -495px !important;

    margin-top: -710px !important;

    }

    .form-all {

    margin-left: 645px;

    }

    If you like what I did, feel free to clone the form: http://www.jotform.me/help/28-Cloning-a-Form-from-a-Web-Page

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by ipbr21054 on September 23, 2013 at 05:32 AM

    Hello

    I cloned the form no problem.

    Many thanks

  • Profile Image

    Answered by pinoytech on September 23, 2013 at 07:51 AM

    It's my pleasure! If you need our assistance again, please feel free to contact us at anytime.

    Have a nice day!

  • Profile Image

    Answered by ipbr21054 on September 24, 2013 at 02:57 PM

    Hi

    Having cloned the form then gave me a new reference number.

    This would then mean that i would have to edit a lot of links.

    So i have applied my text & logo as advised above.

    I then added the CSS as shown above.

    My text & logo are shown BELOW my form ?

    Please can you edit the form so it is to the LEFT of my form.

    Web page in question http://form.jotformeu.com/form/32153378873360

  • Profile Image
    JotForm Support

    Answered by Welvin on September 24, 2013 at 06:00 PM

    Hi,

    I've fixed it. Please kindly check again.

    Thanks

  • Profile Image

    Answered by ipbr21054 on September 25, 2013 at 06:33 AM

    Hi

    Ive checked and its postioned to the left which is good.

    I have noticed that when this page is now viewed on iphone or ipad the form is not shown correctly.

    You then need to scroll up/down & left/ right

    What needs to be done so the page displays correctly without the need to scroll up/down & left/right.

    Ipad screen shot

    http://i670.photobucket.com/albums/vv62/ipbr21054/FORUM%20POSTS/ipad.jpg

    Iphone screen shot

    http://i670.photobucket.com/albums/vv62/ipbr21054/FORUM%20POSTS/iphone-1.jpg

  • Profile Image

    Answered by pinoytech on September 25, 2013 at 08:04 AM

    Hi,

    Sorry to keep you waiting. With regards on your query, can you please try to inject this custom css into your form?

    /* ------iPads (portrait and landscape) -------- */

    @media only screen

    and (min-device-width : 768px)

    and (max-device-width : 1024px) {

    .form-all {

    margin-left: 533px;

    }

    }

    /*-----iPhone------- */

    @media

    only screen and (-webkit-min-device-pixel-ratio : 1.5),

    only screen and (min-device-pixel-ratio : 1.5) {

    .form-all {

    margin-left: -2px;

    margin-top: 410px;

    }

    #text_12.form-html {

    position: absolute;

    margin-left: -17px !important;

    margin-top: -1238px !important;

    }

    }

    iPad screenshot:

    iPhone screenshot:

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by ipbr21054 on September 25, 2013 at 08:20 AM

    Many thanks.

    Ipad is perfect now.

    Iphone needs slight adjustment.

    The remote doctor logo is sat on the form.

    What adjustment do i need to make to the code supplied above so there is a space between the logo and the form.

    Perfect help & advise on this forum each time.

  • Profile Image

    Answered by pinoytech on September 25, 2013 at 08:40 AM

    Hi,

    My apologies! Can you please replace the current code for iPhone with this code:

    /*-----iPhone------- */

    @media

    only screen and (-webkit-min-device-pixel-ratio : 1.5),

    only screen and (min-device-pixel-ratio : 1.5) {

    .form-all {

    margin-left: -2px;

    margin-top: 410px;

    }

    #text_12.form-html {

    position: absolute;

    margin-left: -15px !important;

    margin-top: -1260px !important;

    }

    }

    iPhone screenshot:

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by ipbr21054 on September 25, 2013 at 09:00 AM

    100% perfect

     

    Thanks

  • Profile Image

    Answered by pinoytech on September 25, 2013 at 09:03 AM

    It's my pleasure! If you need our assistance again, please feel free to contact us at anytime.

    Have a nice day!

  • Profile Image

    Answered by ipbr21054 on September 25, 2013 at 10:16 AM

    Hi

    Sorry to bother you again but the ipad is now showing the same as before.

    Cache & cookies cleared and also history cleared.

    Then ipad restarted.

  • Profile Image

    Answered by pinoytech on September 25, 2013 at 10:50 AM

    Hi,

    Can you please check your form again if the said issue still persists or not?

    http://www.jotformeu.com/form/32153378873360

    iPad screenshot:

    Thank you!

  • Profile Image

    Answered by ipbr21054 on September 25, 2013 at 10:56 AM

    You made edit correct ?

    I ask because the form is slightly to the left now and shown on screen correctly.

  • Profile Image

    Answered by jedcadorna on September 25, 2013 at 05:21 PM

    Hi,

    I think it has already been modified by my colleague and I can see that the forms view works fine now. Let us know if any adjustments needed so we can help you.

     

    Thanks,