What should a better FileInput look like?

Panel
1

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

image

3 Likes
2

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

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

image
image749×131 1.47 KB

1 Like
3

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
4

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
5

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.

6

Hi,

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?

2 Likes