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 to align 2 submit buttons in the same line with right & left alignment

    Asked by bhanukaran on August 27, 2013 at 04:50 AM

    Hi,

    I have similar problem. I have used 2 submit buttons

    1 button is named as "Win an Ipad" and another button is named as "win movie tickets"

    Can you help me provide a piece of which can align my buttons in the following way. I am attaching a screenshot for your reference.

    Sharing the url: http://form.jotform.co/form/32381703252851

    Also i want to increase the length of the form without adding any extra fields.

    I have used a piece of code to my css. Let me know if this correct ?

     

    Kindly suggest this as soon as possible as I am working on a project.

    Thanks

    Bhanu

    Screenshot
    alignment same line JotForm problem height ipad
  • Profile Image

    Answered by pinoytech on August 27, 2013 at 06:24 AM

    Hi Bhanu,

    Can you please take a look at this clone form if this something you want to achieve?

    http://www.jotformpro.com/form/32383014158954

    If yes, please replace your current css codes with this codes:

    .form-all {

    background: url(http://i734.photobucket.com/albums/ww345/bhanukaran/Ipad-opening-page.jpg) no-repeat top left;

    padding-top: 5px;

    padding-left: 5px;

    padding-bottom: 72px;

    height: 523px

    }

    /*----Submit-----*/

    #input_2.form-submit-button {

    position: absolute;

    top: 452px;

    left: 72px;

    font-size: 14px;

    width: 173px;

    height: 36px;

    }

    #input_1.form-submit-button {

    position: absolute;

    top: 422px;

    left: 458px;

    font-size: 14px;

    width: 173px;

    height: 36px;

    }

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by bhanukaran on August 27, 2013 at 06:42 AM

    Hi,

     

    Thanks for all the help. Meanwhile, can you also let me know, if i can have 2 destinations for each of the button?

     

    Thanks
    Bhanu 

  • Profile Image

    Answered by EliezerN on August 27, 2013 at 09:47 AM

    @Bhanu

    Since your last question is different from the original one of this thread, we would appreciate if you open a new thread to make it. That will help us to give you the proper assistance without any confusion. We'll be more than glad to assist you.

    Thanks for your comprehension.