Dear all,
As a subject, how can I adjust the Button Loading button width (e.g. in mobile view How can I fill up in the whole row?
ThanksDick Leung
Hi Dick,
Please provide the screen shot of your issue to understand correctly,
For changing the width height you can use style property of widget, here,
Regards,
Komal
After selecting the Button widget, you can go to tab Styles and choose the option Fill for Width:
Additionally, if you want to have different behaviors between device type (phone, tablet or desktop), you can use the OutSystemsUI functions IsPhone, IsTablet (...) on an If and display different widgets or different widgets with different styles (for instance, I imagine you want to keep it as it is if the user is accessing it via a Desktop and you want to set the Width to Fill for Mobile).
You can also achieve different styles for phone / tablet / desktop only with CSS.
Kind Regards,João
Hi,I think Dick is talking about this widget
Just enclose the buttoLoading widget in a container and change the width of that container.Create a class:
.width-fill{ width: -webkit-fill-available; }
And add the class to the extendedClass attribute of the widget
Thank you Flavio! It works perfectly!