Enforce grid columns for Key/Value Block?

My goal:

I want to be able to enforce a specific column configuration for my Key/Value blocks.
E.g. I want it to always have two columns unless there is no space for them. I tried using Autocolumns but all it does is squeeze them into random grind configurations, making them appear either squeezed, or just in one column.

Issue:

I can’t configure the Key/Value block to have 2 columns specifically, unless there’s no space for two columns (e.g. on mobile)

Steps I've taken to troubleshoot:

  • Custom CSS (instable)
  • Adjust Min column width (Just squeeze them and puts them into random grid configs)
  • Tried different Group layout settings

Additional info: (Cloud or Self-hosted, Screenshots)
Self-Hosted

1 Like

Hi @yassine ! Thanks for your patience - just checking with you to see if you have found a workaround solution for this use case!

As you may have noticed already, there is no "double column" option for the Group layout settings for the Key Value component, but I can make an internal feature request to consider adding this option. I can circle back to add updates in this thread as soon as I get them!

In the meantime, could you let me know what have you tried so far for custom CSS?

Also, you could convert your classic app to our new app builder beta and try to see if this can be built with enforced grid columns.

Let me know if you need further assistance from here!

-Jen

1 Like

Hi @yassine! Just checking with you to see if you still need assistance :slight_smile:

-Jen

1 Like