Unable to Center Align the Listview with GridLayout.

Question

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 · Answer

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 · Answer

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 · Answer

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. 
 

list has two items : 
 
  

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.