16
Views
7
Comments
Set a fixed spacing between Adaptive columns
Question
Application Type
Mobile
Service Studio Version
11.8.4 (Build 25053)

Hi All,

I have used 2 adaptive columns in my application. In first  Adaptive Column : 2buttons, in second adaptive column one more adaptive column,. In that 2 buttons each column as it should be in same line.

I know the spacing is automatically adjust according to the screen. But I want to know how can I change it.

I want to set equal spacing between 1Button,2Button, 3Button, 4Button. How can I set it.


Rank: #493

Hi,

I think you can inspect the css is using, and override it

Hope this help

Rank: #1114

I have tried doing it but it doesnt look that simple

Hi Ankita,


You can enclose your button inside a container and fix the size of margins for your containers in container's style property.

Regards,

Sanjay

Rank: #1114

Hi Sanjay,

I tried doing it. Since it is adaptive columns spacing between them is getting adjusted auto. With padding it wont make any difference

 

ok, If you are still facing issue, post your OML if possible. I can fix it with some try.

Rank: #1114

the problem is I have to reduce the spacing. I wont be able to post my oml

Rank: #493

Hi,

In .btn class of OutSystemUI, it already includes definition of

padding: var(--space-none) var(--space-base);

and margin, too. I think you need to check a look on that when inspecting the UI

Hope this help