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 Change the look of the Submit Button

    Asked by alvincosio on August 06, 2013 at 05:34 PM

    Hi,

    need help. i am creating an email subscription. problem is the submit button is not editable. i know it can edit by using the injecting a code but i don't know how to create a code. i want something like this. (please see attached pic)

     

    the submit button is squared and beside the textbox

    please help thanks,

    Alvin

     

     

    Screenshot
    email problem textbox create
  • Profile Image

    Answered by alvincosio on August 06, 2013 at 06:22 PM

    In addition to my question, i already made an update. please see my forms at 

    http://www.southernindustrialandtruck.ca/blank-page

    i cannot do by myself. please help guys

    i cannot align the textbox and the subscribe button, and please remove the spaces of  textbox and submit button

    and lastly i want to make the font of hint example to be smaller around 7 or 8px and the hint example text must be center to the textbox.

     

    Thanks in advance.

     

  • Profile Image

    Answered by alvincosio on August 06, 2013 at 06:41 PM

    i just got the code, the problem right now is when i view into different browser there is a misalignment of textbox and subscribe button. IE is the only browser that has no misalignment issue.

    chrome = slight misalignment of textbox and subscribe button

    mozilla  = misalignment and there is a space between textbox and subscribe button

    ie = no misalignment

     

    look at the form:  

    http://www.southernindustrialandtruck.ca/blank-page

     

    Thanks

     

     

  • Profile Image

    Answered by khrisell on August 06, 2013 at 08:26 PM

    Hello,

    You don't need CSS code injecting when editing the look of your Submit button because we have several designs ready for you to use.

    We have a button gallery from where you can choose a design to your submit button.

    You can even add your own Submit button Image.

     

    With regards to the alignment, You can also modify it from the properties tab above.

    Please let us know if you need further assistance on this.. 

    Thank you for using JotForm.

    Happy to help! :)

  • Profile Image

    Answered by alvincosio on August 07, 2013 at 09:08 AM

    Hi there, yes i already do that. But my problem now is misalignment when view in firefox and chrome. Internet explorer has no misalignment issue. You can see it in my link above.

    http://www.southernindustrialandtruck.ca/blank-page

     

    Please help

  • Profile Image

    Answered by pinoytech on August 07, 2013 at 11:38 AM

    Hi,

    I've fixed the issue of your form for you. Kindly take a look at your website now: http://www.southernindustrialandtruck.ca/blank-page/4578330356

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

    Thank you!

  • Profile Image

    Answered by alvincosio on August 07, 2013 at 11:45 AM

    it works, however when you test it without filling the email address and click the subscribe button there is a misalignment again between the textbox and subscribe button

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 07, 2013 at 02:04 PM

    @alvincosio

    Add the following CSS codes to your form, this might help aligned the email input on error state.

    .form-line-error input{

    box-shadow: none !important;

    height: 26px !important;

    }

    Guide: How to Inject Custom CSS Codes to your Form

    Thanks!

  • Profile Image

    Answered by alvincosio on August 07, 2013 at 03:00 PM

    yes. it works. thank you very much