1. Home
  2. Forum
  3. Xamarin.Forms
  4. iOS like contacts page design and interactions

iOS like contacts page design and interactions

Hi,

I have a requirement to display a list of names grouped by first letter of the names like in contacts page in native iOS contacts app. I also need a vertical list in right side of the screen which displays distinct alphabets (A,B,C,D, etc) as shown in the attachment. On Tapping any alphabet on right column listview should scroll to names starting with that alphabet. On Dragging (Panning) finger over the alphabets (A,B,C,D,etc) should also scroll to names starting with that alphabet where the user stops dragging (panning) and lifts his finger from screen. How can I achieve this design and user interactions using SfListView or Any other controls available in Syncfusion?

Attachment: how_transfer_contacts_iphone_contacts_675_6345a6d.zip

4 Replies
LN Lakshmi Natarajan Syncfusion Team May 7, 2021 09:12 AM UTC

Hi Joseph, 
 
Thank you for using Syncfusion products. 
 
We have checked the reported query “iOS like contacts page design and interactions” from our side. We would like to inform you that you can achieve the user interfacing using SfListView. You can use Grouping to achieve your requirement and use ScrollToRowIndex method to scroll to the item based on the alphabet on tapping/panning based on your requirement.  
 
Please refer to our user guidance document regarding the same, 
UG links: 
 
Please refer to our online documentation regarding the same from the following link, 
 
Please let us know if you need further assistance. 
 
Regards, 
Lakshmi Natarajan 


JC Joseph Cellucci May 7, 2021 10:00 AM UTC

Hi Lakshmi,

The sample

demonstrates Jump list based on tapGesture in each of the labels inside indexPanelGrid. How can I implement the same JumpList functionality using PanGesture inside indexPanelGrid?

LN Lakshmi Natarajan Syncfusion Team May 11, 2021 04:14 AM UTC

Hi Joseph, 
 
Thank you for the update. 
 
We have checked the reported query “How can I implement the same JumpList functionality using PanGesture inside indexPanelGrid?” from our side. We would like to inform you that we are currently preparing sample to achieve your requirement. We will prepare the sample and update you further details on May 12, 2021. We appreciate your patience until then. 
 
Regards, 
Lakshmi Natarajan 


LN Lakshmi Natarajan Syncfusion Team May 13, 2021 03:42 AM UTC

Hi Joseph, 
 
Thank you for your patience. 
 
We would like to inform you that we have logged a feature request for “Provide support for jump list with toast appearance in SfListView” feature in SfListView. We will implement this feature in any of our upcoming releases.   
  
At the planning stage for every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. We will let you know when this feature is implemented. We appreciate your patience until then.  
  
Thank you for requesting this feature and helping us define it. We are always trying to make our products better and feature requests like yours are a key part of our product growth efforts.  
   
You can also communicate with us regarding the open features any time using our Feature Report page, 
  
We will prioritize the features every release based on the demands and we do not have an immediate plan to implement this feature since we committed with already planned work. 
​  
Please upvote this feature to make this our priority. While this feature itself is important we will prioritize the features every release, based on the user demands.  
   
If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal and cast your vote to make it count.  
 
Regards, 
Lakshmi Natarajan 


Loader.
Up arrow icon