Change the division of the three columns

Michael Molkentin

• Created September 10, 2025 09:16

Hello,
I have divided the edit form into three columns in Solution Studio.

Now I want to change the division. Instead of 33.3% for each column, I want a division of 25%, 25%, and 50%.
I can't achieve this using styling.
Neither by dividing the row nor by setting the columns.
The only thing I've managed to do is make the content of the columns narrower, but not the columns themselves.

I am grateful for any advice on how to get closer to my goal.

Greetings

Michael

0

• 

  Matthias_Walter

  • September 10, 2025 10:34

  Hi Michael Molkentin,

  to achieve this, you can use the following styles on the row of your choice, that is configured to have 3 columns:

  .sb-row div.ant-col-sm-24:nth-of-type(1) {
    width: 25%;
  }
  .sb-row div.ant-col-sm-24:nth-of-type(2) {
    width: 25%;
  }
  .sb-row div.ant-col-sm-24:nth-of-type(3) {
    width: 50%;
  }

  Kind regards

  Matthias

  0
• 

  Michael Molkentin

  • September 10, 2025 11:09

  Hello Matthias,
  This is magical!
  Installed and it works right away!
  Thank you very much and best regards

  
  Michael

  0

Please sign in to leave a comment.