What should a better FileInput look like?

I’ve added a feature request on the Bokeh discourse regarding the FileInput we have in Panel.

I believe it could use a more “modern” look and feel. If you have comments or insights please join the discussion https://github.com/bokeh/bokeh/issues/10425



As a part of this discussion I’ve found out that you can in fact drag and drop files onto the button and achieve some degree of better look and feel using css

input[type=file] {
    width: 100%;
    height: 100px;
    border: 3px dashed #9E9E9E;
    background: #EEEEEE;
    border-radius: 5px;
    text-align: center;
    margin: auto;

That is a little better, but I agree with you that we should probably ship with one of the nicer looking custom solutions.

1 Like

I have users also input files at the beginning of a work flow. This is at minimum 1 file but optionally several files, and at the moment I have a button that adds additional file input widgets.

A dropzone would work well in this scenario because more easily support the input of a variable number of files.

As a point of order should this type of discussion take place on the discourse or issue page?

1 Like

Hi @Jhsmit

Please join the issue discussion on the bokeh github https://github.com/bokeh/bokeh/issues/10425.

I believe this would be the right place to start. If they don’t take it before we do, we can move it downstream to Panel.


I’m using the file selector to enable the user to instead of select multiple files can input a folder of files, if could drop a folder of organised files that would be nice, maybe that’s the intention or can already do this with the FileInput?