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.
Hi,
I think you can inspect the css is using, and override it
Hope this help
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
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.
the problem is I have to reduce the spacing. I wont be able to post my oml
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