Black Lives Matter. Please consider donating to Black Girls Code today.

Dash-responsive-grid-layout

Hey,
has anyone experience with this package? I can’t change the layouts in the provided example on https://github.com/AlgorithmHub/dash-responsive-grid-layout/blob/master/usage.py

When I change something here it has no effect on the layout of the Div or graph. How is it possible to control the layout?

layouts = {
‘lg’: [
{‘i’: ‘a’, ‘x’: 0, ‘y’: 0, ‘w’: 1, ‘h’: 2, ‘static’: False},
{‘i’: ‘b’, ‘x’: 1, ‘y’: 0, ‘w’: 1, ‘h’: 2, ‘minW’: 1, ‘maxW’: 2},
{‘i’: ‘c’, ‘x’: 2, ‘y’: 0, ‘w’: 1, ‘h’: 2}
],
‘sm’: [
{‘i’: ‘a’, ‘x’: 0, ‘y’: 0, ‘w’: 1, ‘h’: 2, ‘static’: False},
{‘i’: ‘b’, ‘x’: 1, ‘y’: 0, ‘w’: 1, ‘h’: 2, ‘minW’: 1, ‘maxW’: 2},
{‘i’: ‘c’, ‘x’: 2, ‘y’: 0, ‘w’: 1, ‘h’: 2}
]
}

Thanks in advance!

Or does anyone know a similar package to this, where I could resize and drag defined frames freely?

Not entirely sure, but maybe this could help you: https://dash-bootstrap-components.opensource.faculty.ai/

There you could also just import the grid module from bootstrap, which makes it quite easy to arrange in a responsive grid.

1 Like

Thanks for the advice! I will try to adapt this to Dash

1 Like

interesting, well then it might not be your solution. Good luck!

1 Like