How do I create the type of sidebar dropdown in the image?

Ask the community
1

I want to create the type of sidebar dropdown in the image in Penport. Kindly assist on how to achieve it.

dropdown
dropdown1057×846 107 KB

2

Still looking for help. Kindly assist.

3

Are you looking to prototype this behaviour? It’s pretty complex
 you might be able to “fake it” with a workaround using overlays


1 Like
4

As @LauraKalbag mentioned, you’ll be able to do it with overlays.
ie-

  • Duplicate your sidebar board.
  • Modify the ‘Listing’ entry in this new board so that it is in the collapsed state.
  • On the old board, create an onclick interaction in the expanded icon in the Listing entry.
  • Configure this interaction to as follows:
    • Open an overlay with the destination being your new board.
    • Manually position the new board to overlap your old board.

To close the new board, repeat the process by creating an onclick interaction in the collapsed icon in the Listing entry. Configure this to be a ‘close overlay’ with the destination being the new board.

This is a tedious process especially if you want to display expanded and collapsed state of other dropdown entries.

I would love to know if there is an easier way to do it.