Can you align text box and submit button on same line?

  • Profile Image
    forevergraphics
    Asked on November 06, 2013 at 12:22 PM
  • Profile Image
    pinoytech
    Answered on November 06, 2013 at 12:35 PM

    Hi,

    Using/Injecting custom css into your form, you can achieve that in your form. You might like to take a look at this demo form that I've created: http://www.jotform.co/form/33094498045864

    Custom css that I've injected into my demo form.

    .form-submit-button {

    margin-top: -1px;

    margin-left: -74px;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image
    forevergraphics
    Answered on November 06, 2013 at 12:50 PM

    The CSS you provided only moves the buttom left, right or up, down with in the same area line...I want to move it to the area text box line

  • Profile Image
    forevergraphics
    Answered on November 06, 2013 at 12:55 PM

    The CSS you provided only moves the buttom left, right or up, down with
    in the same area line...I want to move it to the area text box line

    Forever Graphics
    P.O. Box 140713
    Gainesville, Fl 32614
    Office: 352.283.7323
    Cell: 352.246.4620
    www.forevergraphics.com
    NEW HOURS OF OPERATION:
    Mon - Fri .... 10am - 8pm
    Sat-Sun/Holidays .... Closed
  • Profile Image
    pinoytech
    Answered on November 06, 2013 at 01:01 PM

    Sorry about that! Can you please share to us URL of your Form for further assistance?

    Thank you!

  • Profile Image
    forevergraphics
    Answered on November 06, 2013 at 01:03 PM

    http://form.jotform.co/form/33091013766854

     

    http://bodiesbybristol.com/index.html

  • Profile Image
    pinoytech
    Answered on November 06, 2013 at 01:25 PM

    Hi,

    Please inject this custom css into your form in order to fixed the issue.

    .form-submit-button {

    margin-left: 105px;

    margin-top: -67px;

    position: absolute;

    }

    .form-textbox {

    margin-left: -35px !important;

    width: 132px;

    }

    Feel free to contact us again if you need further assistance.

    Thank you!

  • Profile Image
    forevergraphics
    Answered on November 06, 2013 at 03:33 PM

    Got THANKS A LOT

  • Profile Image
    ashwin_d
    Answered on November 06, 2013 at 07:55 PM

    Hello forevergraphics,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    gatherwell
    Answered on November 13, 2014 at 03:14 PM

    Hi-

     

    Is there a way to use the form you created on a single line as a template?

     

    Thanks!

  • Profile Image
    gatherwell
    Answered on November 13, 2014 at 03:19 PM

    To clarify, when I inject the recommended CSS the submit button is disappearing, so I'm trying to figure out how to get it to work.
  • Profile Image
    jonathan
    Answered on November 13, 2014 at 07:26 PM

    @ gatherwell

    We will attend to your question here http://www.jotform.com/answers/459131

    Thanks.