Collapsible side containers

Hey all! One of our favorite UI hacks now up on the Bold Tech site - collapsing side containers to tuck away your filters/charts/extra data when not needed:

side container collapsible

Since this is not (yet) an in-built function in Retool, we've hacked this by using two overlapping table components with different widths, which hide alternately based on the value of a temp state, to reveal/hide the side container.

You could even do this with containers on both sides! Don't forget you need to match up selected row/sort/page across both - more info in the tutorial.

Check it out with our other tutorials on the Bold Tech site.

We'd love to know if you use this! Let us know in the thread :grinning:

3 Likes