Hello,
I use grid layout for a service view within dataminer
As part of this I have a sidebar which is persistent as other shapes are changed within the service.
At the moment the width of the sidebar is static.
On some small screen devices it would be ideal to be able to hide this sidebar. I have attempted to set the width of the column using a variable however this does not have the desired effect. I have also attempted to set the column width to auto and hide all the content of the column to attempt to get it to resize.
I was wondering if this is something that can be done, i.e. can the width or a column in the grid be changed dynamically in any way or does it remain fixed to the first render
Many thanks!
Oliver
I have also attempted to set the column width to auto and hide all the content of the column to attempt to get it to resize.
This should work if you use the Collapse condition instead of hide to get rid of your components. Hidden shapes still take up space, collapsed ones don't.
Other than that I can tell you the Page data layout doesn't accept dynamic parts in general, but the shape data does! That would mean that if you change the Grid.Col of the shape's layout data to
- something that is not in the grid, it should relocate it to the first column. If you hide them there that could help you out.
- a Grid.Col of 0 width (statically), that should locate those shapes in a column with width 0.
In general though, I'd recommend first trying out the collapse condition.
Cool use case!
As an extra tip I'd recommend grouping all shapes in your column together and putting the collapse condition or layout Grid.Col on the group shape.
![](https://community.dataminer.services/wp-content/uploads/wp-user-manager-uploads/2023/05/ow.jpg)
Thank you this works a treat,
I have reduced the content down to two shapes which in turn are showing pages from the visio. I now have a Page ‘Sidebar’ and then a ‘Mini Sidebar’ when collapsed. The grid updates to match the width that has been set on the page container shapes and I collapse based on True false alternating between the two
Cheers!
Oliver