Hi all- I have been playing around with proof of concept for a layout that could be interactive (concept below). I’ve somewhat hacked my way to get it working with clientside callbacks. Given I’m not well versed in react or js (I’ve stumbled through the custom components tutorials) I was wondering i…

Hi, I installed the module via pip, but I get this message: import dash_flexlayout as dfl ModuleNotFoundError: No module named 'dash_flexlayout' If i download your source code I can run your examples: usage.py usage_dash_header.py for the second one, if I uncomment the line # headers=headers…

Apologies for that. If you are happy to run directly from the code, we’ll do it that way and I’ll fix the build later. I’ve made a change on main that fixes the issue for me (interestingly was working in an old version of Dash but wasn’t on the latest, so I’ll have to look into that). Can you let me…

Has anyone looked at the library RC-DOCK for this purpose? [image]

I think rc-dock looks quite old fascion if compared to goldenlayout and flexlayout and does not have advanced features

I am more interested if there is a different react/js library to make a normal dash version of it. Either of these 3 would be a great benifit

Hi benn, finally I had time to try. Right now both example work by starting the files from the main directory. I’m still not able to import the module outside the downloaded module directory. For my use, the priority is: use a button to drag a new tab save and load layout dark theme If you can…

Hi @benn0 , I made an update to your usage.py example that incorporates the ability of saving and loading the current layout. I also added 3button in order to make use of the “addTabWithDragAndDrop”, “addTabWithDragAndDropIndirect” and “addTabToTabSet” methods but I did not find any wrapper inside…

Hi @davidpsq , that’s correct - I haven’t added in any of the drag and drop methods at the moment. It’s a little unclear to me how that workflow should fit in with the dash architecture. I’d appreciate your ideas here. My current thinking is that the updating of the layout should happen within a cal…

The UI I am looking to create has tabs that are a fixed height. I want to be able to stack them in the layout and then have a scrollbar to be able to scroll my tabs (and not compress them to fit the current screen. Is this possible to do here?

Hi, I thick that Flexlayout does what you say out of the box. Try the demo: Flex Layout (rawgit.com) the tabs are not compressed or fit the space, if they are wider with respect of the tabset, they are put in a dropdown and you can scroll over the tabset to find the one you want.

POC: Drag, Drop, Resize, Stack Dash layout

Dash Python

popo October 30, 2023, 9:59am 36

I started a new Topic for the Dash FlexLayout Component

Topic		Replies	Views
New Component - Dash Dynamic Grid Layout 🎛️ Dash Python show-and-tell , community-components	29	3290	April 20, 2025
🚀 Introducing 3 New Powerful Layout Components for Dash: Flow Diagrams, Dock Layouts & Flexible Layouts Dash Python show-and-tell , community-components	3	562	January 6, 2026
Dash : FlexLayout Component Dash Python	2	1507	October 17, 2024
Drag and drop to adjust the layout Dash Python	1	1793	March 18, 2024
Dash Blueprint Components Dash Python show-and-tell , community-components	22	2665	August 22, 2024

POC: Drag, Drop, Resize, Stack Dash layout

Related topics