Unable to Center Align the Listview with GridLayout.

[Uday Bhaskar]

Im using Listview for my Menu. My tiled menu should be Horizontally center to the screen. I am using Listview with GridLayout and SpanCount=3.

I am not able to Center Align the Listview Horizontally to the screen. I have tried various adjustments to center align, but not able to do it.

I have tried the suggestion mentioned in https://www.syncfusion.com/forums/128259/how-to-center-the-listview

But it didnt help.

I have attached my HomePage along with the screenshot.

Attachment: HomePage_340b436b.zip

[Dinesh Babu Yadav]

Hi Uday Bhaskar 

 

We have checked the reported query “Unable to Center Align the Listview with GridLayout.” from our end. Unfortunately the reported issue is not reproduced with the XAML code that you have shared. Please refer the screen shot and sample for the reference.  

 

Sample link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/Aggregate_summary2019785103 

 

Screen shot: http://www.syncfusion.com/downloads/support/directtrac/general/ze/Sample_Screen-shot1673238624 

 

 

Please let us know , if you need further assistance on this. 

 

Regards, 

Yuvaraj Chandrasekaran 

 

[Uday Bhaskar]

Hi, Unfortunately it didn't worked. When we have three or more items it will be center aligned properly, but try having only 1 or 2 Items with Span Count 3 and see how it is aligned. It will not be aligned center. 

[Gnana Priya Namasivayam]

Hi Uday, 

 

Sorry for the inconvenience. 

 

Based on the given information, we have checked the reported issue ”Unable to Center Align the Listview with GridLayout” by loading one or two items in the GridLayout. Unfortunately, we could not replicate it at our end and the provided sample is working fine as expected. We would like to let you know that the items will layout in a view based on the span count property not based on the number of items. 

 

For example, list view items will be layout like in below screen shot which is the actual behavior of list view. 

 

1. list has two items :

 

 

2. list has one item :

 

 

 

Would you expect to layout the list view items based on items count ? For example, if list view has two items then layout the two items with equal width. Could you please let us know the details about the query which would help us to analyze the issue better and update you an appropriate solution. 

 

Images Link : http://www.syncfusion.com/downloads/support/directtrac/general/ze/Images275643827 

 

Please let us know if you require further assistance. 

 

Regards, 

Gnana Priya N.