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

    the form shifts a pixel or two when active. Can I stop this?

    Asked by snaplash on September 19, 2014 at 05:21 PM

    Hi,

     

    When I select a field to populate the field shifts, is there anyway to lock it down?

    Page URL:
    http://hanky.businesscatalyst.com/

    select highlight effect active field
  • Profile Image
    JotForm Support

    Answered by jonathan on September 19, 2014 at 05:39 PM

    Hi, 

    You must be referring to the highlight effect when a field is selected/active.

    You can disable it if you like.

    Check this screenshot below for guidance

     

     

    Hope this help. Inform us if you need further assistance.

    Thanks!

  • Profile Image

    Answered by snaplash on September 19, 2014 at 05:53 PM

    thankyou, but I would like to continue using the highligh, just without the shift?

  • Profile Image

    Answered by jvd042012 on September 19, 2014 at 05:54 PM

    Hi snaplash,

    I used Firebug to check the form. I saw that when it is active, it shows padding: 14px. 

    Can you please try injecting this Custom CSS Code

    .form-line-active { 

    padding-top: 7px;

    padding-bottom: 7px;

    padding-left: 9px

    padding-right: 6px; 

    }

    Please confirm if it works or not. Thank you!

  • Profile Image

    Answered by snaplash on September 19, 2014 at 05:57 PM

    Thank you for the code, but it doesnt seen to have helped....

  • Profile Image

    Answered by jvd042012 on September 19, 2014 at 06:13 PM

    Thank you for your response. That's odd, I tried it in Chrome and Firefox and it worked. Is it okay if you replace it to this one. 

    .form-line-active {

    padding: 7px 6px 7px 9px !important;

    }

    Please refer to this guide for adding Custom CSS (http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes)

    Thanks.

  • Profile Image

    Answered by snaplash on September 19, 2014 at 06:18 PM

    got it!

     

    Thank you! Thank you!

     

    one more thing... on the drop down menus, I would like square corners not rounded.

     

    I can do this with the input boxes but not the dropdowns?

  • Profile Image

    Answered by jvd042012 on September 19, 2014 at 06:36 PM

    Are your referring to this?

    If yes, then try adding this custom CSS code

    .form-all input, select {

    border-radius: 0px !important;

    }

  • Profile Image

    Answered by snaplash on September 19, 2014 at 06:37 PM

    thank you once again - modern heroes seem to be coders.....

     

    thank you!

  • Profile Image

    Answered by jvd042012 on September 19, 2014 at 06:40 PM

    I'm glad we were able to help you. Thank you too!