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

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

  • Profile Image
    jonathan
    Answered 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
    snaplash
    Answered on September 19, 2014 at 05:53 PM

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

  • Profile Image
    jvd042012
    Answered 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
    snaplash
    Answered on September 19, 2014 at 05:57 PM

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

  • Profile Image
    jvd042012
    Answered 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
    snaplash
    Answered 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
    jvd042012
    Answered 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
    snaplash
    Answered on September 19, 2014 at 06:37 PM

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

     

    thank you!

  • Profile Image
    jvd042012
    Answered on September 19, 2014 at 06:40 PM

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