Problems aligning fields and submit button

  • Profile Image
    thealbumcreator
    Asked 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!

  • Profile Image
    pinoytech
    Answered 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
    thealbumcreator
    Answered 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
    idarktech
    Answered 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
    pinoytech
    Answered 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
    thealbumcreator
    Answered 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
    idarktech
    Answered 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
    idarktech
    Answered 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
    thealbumcreator
    Answered on March 20, 2012 at 08:52 PM

    Solved! Thanks so much!

  • Profile Image
    pinoytech
    Answered 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!