Standard file upload button not working correctly with theme

  • Profile Image
    john.civijov
    Asked on January 09, 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

  • Profile Image
    Richie_P
    Answered on January 09, 2020 at 04:23 AM

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

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

  • Profile Image
    John 
    Answered on January 09, 2020 at 07: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

  • Profile Image
    gerardw
    Answered on January 09, 2020 at 08: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.

  • Profile Image
    gerardw
    Answered on January 09, 2020 at 08: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.

  • Profile Image
    John
    Answered on January 09, 2020 at 08:45 AM

    Perfect!. Thanks for the fix Gerard.