Standard file upload button not working correctly with theme

  • john.civijov
    Asked on January 9, 2020 at 12:30 AM

    Hi just wanted to let you know that the standard button for uploading files is not aligned with the active link area with the Imported PDF Default Theme. See link and screen shot below.

    Regards

    John

    Jotform Thread 2107042 Screenshot
  • Richie JotForm Support
    Replied on January 9, 2020 at 4:23 AM

    I have checked your form and it seems the upload button is aligned correctly at my end.

    Standard file upload button not working correctly with theme Image 1 Screenshot 20

    Please check your form again and let us know if the issue still remains.

  • John
    Replied on January 9, 2020 at 7:21 AM

     Hi Richie,

    Are you able to click anywhere on the button to browse files, like at the bottom of the button? I've tried a few browsers and the same applies (safari, chrome & firefox). If you see my screen shot it shows where I have to click to activate the button

  • Girish JotForm Support
    Replied on January 9, 2020 at 8:26 AM

    Yes, I am able to click on the area as you have shown to activate the upload button. While clicking on the upload button, it also works.

    Let me check and I'll revert.

  • Girish JotForm Support
    Replied on January 9, 2020 at 8:39 AM

    The issue was because the inputcontainer class was not aligned with the upload button.

    Please add this CSS code into your form:

    .inputContainer {

    margin-top: 20px;

    width: 230px;

    height: 20px;

    margin-right: 50px;

    }

    Related Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Pleass try this and let us know how it goes.

  • John
    Replied on January 9, 2020 at 8:45 AM

    Perfect!. Thanks for the fix Gerard.