Tree Like folder Structure

Using Streamlit
#1

Hi Team,

I am developing a dashboard using streamlit. I want to display the products that are available in the form of a tree structure on the side bar. Is it possible to do it.

For example. These has to be collapsible as well

Product
a
  a1
  a2
b
  b1
  b2
#2

The only way I can think of @HariGan is to use two separate select boxes, where the first selects a, b etc. and based on that selection, you set up the second selectbox to have a1, a2 etc. Its similar to saying company and model, for example, as I understand it. I use this style in the dashboard that I’ve written.

Does that work for you?

Dinesh

#3

Hi ddutt!

I am actually looking to have something like a folder structure. Because we are trying to replicate a specific UI/UX so. If there any possibility for that.

Thanks,
Hari

#4

Hello @HariGan,

There is currently no specific widget to do what you want.

You have to rely either on some hacks using existing streamlit widgets (as suggested by @ddutt), or implement a custom component which does this.

In fact, I’m actually working on a component which implements a folder structure, but I don’t have any ETA yet.

3 Likes
#5

Thanks @synode,

Once you implement it. Kindly put that out here so we will be able to utilize it.

Regards,
Hari G

1 Like
#6

Hey @ddutt , have you any idea, how we can get users input and with user input add a select box, (in this matter tree like structure)?