KloudLess File Uploader: CSS injected is not affecting pop-up to select service to connect.

  • Profile Image
    ctphoto
    Asked on February 17, 2017 at 01:27 PM

    Anyone know how I can change the CSS so it will only show one choice for where to select file to upload? I only want it to offer "My Computer"

     

  • Profile Image
    Jim_R
    Answered on February 17, 2017 at 03:00 PM

    Can you try the following CSS Codes:

    ul li:not(:first-child) {

        display: none !important;

    }

    Insert them on the Custom CSS section of the Kloudless File Uploader widget.

    Although I'm quite curious with what you're planning with this kind of setup. If Kloudless is an important piece of the form AND you would only need the files to come from the computer, then yes, the only approach is to hide the other services.

    But if you can use other upload methods, then it's best to just use our built-in Upload Field as it will always get the files from the computer of the respondent.

  • Profile Image
    ctphoto
    Answered on February 17, 2017 at 03:15 PM

    I assume that CSS goes in the Kloudless File Uploader widget CSS code window? That does not work, all the other cloud storage services still show up.

    I have been having issues with your Upload Field for months, long thread starting in July, with it not being able to upload files larger then 400MB. Keep being told the developers are working on it.

    https://www.jotform.com/answers/885240-File-upload-Bigger-files-fail-to-upload#41

  • Profile Image
    Kevin_G
    Answered on February 17, 2017 at 07:03 PM

    Apologies for the inconvenience you faced with the file upload widget, I can see that ticket is opened and the assigned developer is still working on the issue. 

    I have now checked the the CSS code my colleague provided and the reason why it does not work is because inside the widget there's an iFrame code and elements within an iFrame code cannot be affected with CSS code from an external source, the code would need to be applied directly in the source file so would not be possible to inject CSS code to the widget since it would not be applied. 

    What I would suggest you is to try to use a different widget, here you will find more file upload widgets: https://widgets.jotform.com/category/file_upload 

    I can see the issue you're facing on the other ticket is with multiple file uploads, have you tried with single file uploads? 

    We'll wait for your response. 

  • Profile Image
    Kevin_G
    Answered on February 17, 2017 at 07:11 PM

    I'm also forwarding this to our second level so our developers may resolve the issue with the injected code to the widget, we will let you know as soon as we receive any update regarding this. 

  • Profile Image
    ctphoto
    Answered on February 19, 2017 at 08:35 PM

    I have looked at those other widgets, they will NOT work or also have small file size limits. This is why I was trying to use the JotForm File Uploader widget but it has that file size limit. The Kloudless File Uploader seems to be working, I just want to clean up its GUI.

  • Profile Image
    Chriistian
    Answered on February 20, 2017 at 01:12 AM

    Hi,

    I can see that my colleague already raised the issue to our second level for fixing.

    Have you tried using the File Uploader by Uploadcare? The widget can handle any file size up to 5TB. Please have a try and let us know if you need further assistance.

    Regards

     

     

  • Profile Image
    ctphoto
    Answered on February 20, 2017 at 07:20 AM

    I did look at that widget, but to use it it will cost me $125 a month!

  • Profile Image
    Jim_R
    Answered on February 20, 2017 at 07:57 AM

    Sorry about that, we'll update your thread once we hear from our developers. I know this means you now have 2 unresolved tickets so I'd like to thank you in advance for your patience and cooperation.

    Enjoy your day! 😉