Problem with scaling and adaptive linearlayout with GridLayout

Hi all,

I have a very frustrating problem using GridLayout and SfCircularGauge,

My arrangement for my layout is that there are 4 layout that holds SfCircularGauge, now these 4 layouts are under GridLayout, from  the picture i'm only using two linearlayouts under Gridlayout, as you can see the two linear layout are proportional and should resize according to the device's screensize, now, if I deploy this on my phone, the image lookes like the image (file named Deployed Result), that semi ring is the circular gauge that is supposed to be in the LinearLayout, but when displayed it is outside of the LinearLayout or expanded, I've spent days searching the internet on how to resolve this, so any help would be greatly appreciated.

Attachment: Results_6453aa2d.rar

2 Replies

MC Michaelangelo Caracta May 24, 2018 08:16 AM UTC

I solved it!


What actually happens when using GridLayouts and the overflow that happens is described in this web page: GridLayout issues

Following the solution as suggested by the author himself, it works, but if you're going to use a 4-cell GridLayout, like my app, you have to replace both layout_height and layout_width with the value "fill_horizontal" and setting width and height respectively to 0dp, I hope this will help other developers that have stumbled upon this issue as well.

Please mark this as solved, thank you so much!


SG Sri Gayathri Gopalakrishnan Syncfusion Team May 25, 2018 05:04 AM UTC

Hi Michaelangelo, 
 
Thanks for your response, we are glad that the issue has been resolved and please get back to us if you need any other assistance. 
 
Regards, 
Sri Gayathri. G 


Loader.
Up arrow icon