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

    Problems aligning fields and submit button

    Asked by thealbumcreator on March 20, 2012 at 07:42 PM

    Hi guys, huge thanks to everyone behind this brilliant service! 

    I am having problems aligning my fields and the submit button....it seems as though the only way I can get the fields to align is by misaligning them when editing? For example, the message field sits to the left of the email field in edit mode but when I upload, it is aligned.  This isn't that big a problem....the main issue is the submit button.  Although I have centralised this, it actually sits slightly off center?  The same applies to both of my forms.

    Thanks again!

    Page URL:
    http://www.thealbumcreator.com/#/upload/4561339660

  • Profile Image

    Answered by pinoytech on March 20, 2012 at 08:00 PM

    Hi,

    I check your form using different bowser and it displays properly specially the submit button. Have you tried already embeding your form using iFrame? If not, please give a try. Here's a guideline on how to get your Form's Iframe Code.

    http://www.jotform.com/help/148-How-to-get-your-Form-s-Iframe-Code

    If you need further assistance, feel free to contact us anytime.

    Thank you for using JotForm!

  • Profile Image

    Answered by thealbumcreator on March 20, 2012 at 08:10 PM

    Thanks for your response,

     

    Yes I have tried that but the form stays the same.  The submit button in the edit mode isn't centered though, even after I have aligned it centrally.  It is slightly off centre.

     

    Thanks

  • Profile Image
    JotForm Support

    Answered by idarktech on March 20, 2012 at 08:13 PM

    Hi there,

    So what you are trying to achieve here is to perfectly aligned submit button center of your form elements? You can actually do that using CSS Injection feature. Please try this CSS code and inject this to your form and preview.

     

    .form-buttons-wrapper{

    text-align: left !important;

    margin-left: 182px;

    }

    You can change the 182px if it doesn't perfectly centralized your button. Hope this helps. Thank you so much!

  • Profile Image

    Answered by pinoytech on March 20, 2012 at 08:19 PM

    I clone your form and this is what I have: http://www.jotform.me/form/20797958467475 and you are free to clone the form.

    Thank you!

  • Profile Image

    Answered by thealbumcreator on March 20, 2012 at 08:24 PM

    Thats perfect thanks!

    The only thing is though, when it changes to "please wait" this isn't centred! Is there a way to make this centred too?

    And finally, is there anyway that the custom thank you message can appear lower down the page? I have added extra rows to the html code but it doesn't seem to have any affect when the form has been uploaded.

     

    Thanks for your help and your promt responses!

  • Profile Image
    JotForm Support

    Answered by idarktech on March 20, 2012 at 08:36 PM

    Hi,

    Ok, my fault. Please remove my first CSS Codes and replace it to this:

    .form-buttons-wrapper{width:445px; !important}

    I'll be right back for your next question. Hope this helps. :)

  • Profile Image
    JotForm Support

    Answered by idarktech on March 20, 2012 at 08:45 PM

    Ok, for your custom thank you message. Please replace your thank you message code to this:

    <p style="text-align: center; margin-top: 200px;"><span style="font-family: verdana, geneva; font-size: small;">Thank you, your files have been received.</span></p>

    Here's a guide on how to do that: https://cms.jotform.com/uploads/image_upload/image_upload/global/5194_thank_you_page.png

    Hope this helps. Thank you so much!

  • Profile Image

    Answered by thealbumcreator on March 20, 2012 at 08:52 PM

    Solved! Thanks so much!

  • Profile Image

    Answered by pinoytech on March 21, 2012 at 01:28 AM

    Your welcome! If you need further assistance, feel free to contact us anytime.

    Thank you for using JotForm!