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

    Submit Button Not Aligned With Text Field

    Asked by longo on September 15, 2011 at 03:51 AM

    Hi Folks, on the page below I tried to position the submit button to the side of the text field by using the shrink function, it worked but not how I would like, the button is to high I was hoping to align it with the text box, the line above used to be a border which enclosed both box and button when the button was below. I would appreciate any help with this. Thanks

    Page URL:
    http://www.leathersolutions.org/test.php

  • Profile Image

    Answered by brx250 on September 15, 2011 at 04:21 AM

    Hi longo,

    First of all, thank you for using JotForm.

    You can do that by adding this snippet of code to your Custom CSS.

    .form-buttons-wrapper { padding-top:19px !important; }

    Here's the link of the form I've cloned from you, http://www.jotform.com/form/12575625632?. If you want you can clone it, too.

    If you have futher issues and concerns, please feel free to contact us again. 

     

    _____________________________________________     

    Albert  JotForm Support    

  • Profile Image

    Answered by longo on September 15, 2011 at 06:51 AM

    Hi and thanks for your very prompt reply, thats fixed the button, thanks. I still have the problem with the border sitting on the top and not enclosing the whole form, please could you take another look.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 15, 2011 at 08:57 AM

    Hi,

    Give your form a height property, something around ~60px.

    Add the line height: 60px; under the .form-all selector, for example:

    .form-all {
    height: 60px;

    some other lines here

    }

    Hope this helps. Feel free to contact us again if you have follow up questions. We strongly advise, though, to open a new thread for issues that are not quite related to your original topic.

    Thanks!


    Neil

  • Profile Image

    Answered by longo on September 15, 2011 at 09:26 AM

    Perfect, thank you, the border was fine until the fields were shrunk to reposition the button so the two issues were related, hence one thread.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 15, 2011 at 09:28 AM

    Alright! Thanks for the explanation. Good to know we were able to help you with your issues.


    Neil