173
Views
11
Comments
Adjust width size of columns
Question
Application Type
Reactive
Service Studio Version
11.54.47 (Build 63164)
Platform Version
11.26.0 (Build 41987)

Good day ma'am and sir!

may i ask is there a way that you can change the width of columns?. i want to have my input fields to be the side only, but there too much space.  so i want the column to occupy the extra space of column 1, is there a way you can change the columns width in a specific length? i tried the container but wont work for me.  Thank you!


UI.oml
2022-01-13 11-06-04
Neha Sheikh
Champion

Hi Budang,


Please check the below OML.

Thanks,

Neha

UI_Neha1.oml
UserImage.jpg
budang haba

thanks for replying but you just move it, i just want my column 2 to be on the size of my column 1 occupying the empty space of my column 1

2022-01-13 11-06-04
Neha Sheikh
Champion

Hi Budang,

Do you want somthing like this? 

Please check my OML for this.

You just need to adjust width of each container so that 2 containers fit in one row. and then adjust the width o ftextboxes also.


Thanks,

Neha

UI_Neha3.oml
2023-05-23 04-55-55
Wasimkhan Syed Abuthahir

Hi,

The problem is, you have set the Width of the container to 5 col. Increasing the width will increase the space.


Regards,
Wasimkhan S

UserImage.jpg
budang haba

thanks for replying sir the size of my contianer 1 doesnt need to occupy all collumn 1 i just want to have the column 2 when i can change its width


2023-05-23 04-55-55
Wasimkhan Syed Abuthahir

Are you looking for design similar like this?

If so, You can wrap the column into container and set the width of container to 6 col.


Regards,

Wasimkhan S

2022-12-30 09-46-57
Deepika Patel

Hi @budang haba

As per my understanding, you want the width of column1 smaller than column2. For this, you can use "ColumnsSmallLeft" from OutSystemsUI module. There are different patterns as well you can refer those.

Hope this helps!

2021-09-06 15-09-53
Dorine Boudry
 
MVP

Hi @budang haba ,

you have chosen Columns2 as a widget, which makes a 50 - 50 split.  You should replace it with the columns medium left or columns small left widget.

Dorine

2021-09-06 15-09-53
Dorine Boudry
 
MVP

also, you don't have to drag or drop any content , to replace, just pick the other one in the dropdown.

2022-09-27 05-23-26
Mohammad Shoeb

Dear,

 There is no option to adjust the column with these column is design to align the the width and responsiveness. if you want to design screen with the specific with then you need to use containers. 

for columns check this article.


Regards,

Shoeb

2025-12-15 09-29-24
Thibaut G

As a side note to this, columns also have a guttersize that can be adjusted.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.