Can You Please Help Me With The Following Layout With List View

hi, i want to replicate this ui in sflist view but the search bar and list are not getting properly aligned along with that m not able to get that right side abcde panel 
please help me with this 



Attachment: help_c4814aa8.zip

1 Reply

MK Muthu Kumaran Gnanavinayagam Syncfusion Team February 27, 2018 01:10 PM UTC

Hi Ronak, 
 
We have checked your requirements from our side. Please find the query response below. 
  
  • Need to display SearchBar at the top of the SfListView
You can achieve your requirement by placing the SearchBar in a separate Grid element’s Row or directly inside the HeaderTemplate of SfListView. For your reference, we have attached the sample and you can download it from the below link. 
             
 
  • Need for an alphabetical indexing in SfListView
You can achieve your requirement by having a list of Label items in the right corner. Using VisualContainer, you can get the list of items in the View using which you can perform selection in the alphabetical list to highlight the particular index. To scroll the main list while swiping the label items in the right, you can use pan gesture in Xamarin.Forms. You can refer the below link to know more about this gesture. 
             
             
            Use the ScrollToRowIndex method to scroll to that particular item when tapping the label item using the ItemTapped event. 
 
Regards, 
G.Muthu kumaran. 
 
 


Loader.
Up arrow icon