How to keep a column width fixed in ColumnPanel

Hi,

How can I keep the width of some columns fixed while the rest are stretchable. For Example, in Slack, the left item (i.e. profile image) has the fixed width, whereas the message box on the right has variable width based on the container.

Would really appreciate your help in this regard.

Thanks!
-Arif

Probably many ways, but one is to use a data grid. You don’t have to keep the column headers.

Manually size the left hand column and it should stay at that width.
Set the right hand column to “Expand”
Make sure all components in the repeating panel are set to full width row.

The left hand column stays the same size no matter what size the browser window, and the right hand column wraps when required as the components are in a column panel.

https://anvil.works/build#clone:D74OBEO2X4CGPISJ=DH3KTLEG4AQBVAFM7USHJZQH

Does that make sense?

3 Likes

Thanks @david.wylie! You’re definitely providing me the right direction. Let me try it out. :slightly_smiling_face:

1 Like