We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Row with different height

Hi
i have a sflistview in Xamarin UWP with different height in different row, how can manage this?
The row that excedeed the height overlap to other row.

Thanks in advance

4 Replies

DB Dinesh Babu Yadav Syncfusion Team January 24, 2017 12:30 PM UTC

Hi Alessio,    
    
Thanks for using Syncfusion products.  
  
Query 1:  
Currently SfListView do not have support for “HasUnevenRows”. we have already considered this as feature request. We are implementing the feature “Automatically fit the item height based on content” and it will be available in our upcoming 2017 volume 1 release which is scheduled to be rolled out by February 2017.  
 
Query 2:  
We have already fixed the reported issue “Row gets overlapped” and included the fix in our latest service pack. So kindly check this issue in 2016 Vol 4 SP1 with the sample.   
  
  
If the issue still reproduces at your end, please modify the above sample to reproduce the issue and update us with replication procedure or video link. So, that we could able to analyze the issue better and update you with appropriate solution.    
  
Please let us know if you require further assistance.  
    
Regards,    
Dinesh Babu Yadav 



DB Dinesh Babu Yadav Syncfusion Team May 10, 2017 12:34 PM UTC

Hi Alessio,  
   
Thank you for the patience.  
   
The reported feature “Automatically fit the item height based on content” has been completed and included in this release. Also, we are glad to announce that our Essential Studio Volume 2, 2017 (Version 15.2.0.40) is rolled out and is available for download under the following link.  
   
                                               
For your reference, we have attached the sample which automatically arranges the item height based on the content and you can download it from the below link.  
   
   
The following documentation illustrates you to how to use the AutoFitMode property and to customize the item size on demand in SfListView.  
   
AutoFit Items  
   
In order to dynamically adjust the size of the items, you need to define the AutoFitMode property as “Height. SfListView has two types of AutoFitMode as listed below,  
   
* Height - Autofit the item based on its content and consider the height of the item when vertical Orientation. For horizontal orientation, consider the width of the item. If GridLayout, after autofit all items in a row, it will take the maximum item height in that row and applies to all other items in the row.  
* None - SfListView items are layout by ItemSize.  
   
Customize size of an item on demand  
   
To customize the size of an item on demand, you can use the QueryItemSize event and define the size for that particular item. This event is raised whenever an item comes into view.  
   
QueryItemSize event provides the following properties in their arguments:  
   
* ItemIndex - This property helps you to identify a item based on its index in SfListView.   
* ItemData - This property helps you to identify a underlying data bounded to that item  
* ItemSize - The size of the queried item. For vertical orientation, it will be considered as item height and for horizontal orientation, it will be considered as item width.  
* ItemType - The item type of queried item.  
* Handled - This property decides whether the specified size can be set to item or not. The default value is false. When this property is not set, the decided size is not set to the item.  
   
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.  
   
Regards,  
Dinesh Babu Yadav  
 



WM Washington Morais May 10, 2017 12:44 PM UTC

Great job. Again, Great job!


DB Dinesh Babu Yadav Syncfusion Team May 11, 2017 03:34 AM UTC

Hi Washington, 
 
Thanks for the update. 
 
Regards, 
Dinesh Babu Yadav 


Loader.
Live Chat Icon For mobile
Up arrow icon