Submit Button Not Aligned With Text Field

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

  • Profile Image
    brx250
    Answered 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
    longo
    Answered 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
    NeilVicente
    Answered 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
    longo
    Answered 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
    NeilVicente
    Answered 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