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

    How can I align my form to the right of my page text?

    Asked by ldsrhb on June 26, 2014 at 03:21 AM

    I am pasting the iframe into a page and curious how to get the page text to surround the form. Any way to get the page text to the left of the form? Thanks!

    thanks and
  • Profile Image
    JotForm Support

    Answered by jonathan on June 26, 2014 at 05:08 AM

    Hi,

    Please share to us the URL of your website where you have used the form. We can do further test and provide you with appropriate suggestions.

    Thanks.

  • Profile Image

    Answered by ldsrhb on June 28, 2014 at 01:37 AM

    hi there. check out http://oloria.com/pages/blogger-reviews (password ), although there are a few pages where we'd like to implement. thanks a lot!

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 28, 2014 at 02:08 AM

    @ldsrhb

    The form is currently wrap with p tags inside your div content. It is easier if you divide the paragraph and form with div tags.

    Example:

    <div id="mytext" style="float:left;width:48%;">

    <p>Great job on reaching out to connect and help others learn about non-toxic living!....<p>

    </div>

    <div id="myform" style="float:right;width:50%;">

    Place your iframe embed code here!

    </div>

    It should give result similar to this.

    If you also want to remove the top space on your form so it aligns nicely with your text, inject this CSS code to your form.

    .form-all{

    padding-top:0;

    }

    Guide: How-to-Inject-Custom-CSS-Codes-to-your-Form

    If you have further questions, let us know here. 

    Regards!

  • Profile Image

    Answered by ldsrhb on June 29, 2014 at 04:58 AM

    that's great! thanks so much! another favor:

    there's quite a gap between the text and form; any advice? thanks again!
  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 29, 2014 at 05:52 AM

    Hello ldsrhb,

    On behalf of my colleague, you are welcome.

    As we cannot answer multiple question on one thread and your new question is not related to the question for which this thread was started, I have moved this question to a new thread. Your question will be answered in the following thread:  http://www.jotform.com/answers/397385

    Thank you!