Disable swiping past the last card [SOLVED]

[Ronan Burke]

Hi there,

I am using a SfCardLayout that has 1 to 10+ cards. I have it set up that the user swipes through the cards like a carousel (the cards don't dismiss). However, when the user swipes the last card, the layout is left empty and it looks odd.

See attached zip file. cards1.png looks great but when the user swipes past the last card they end up with a screen that looks like cards2.png.

How do I prevent the user from swiping past the last card? I always want there to be a card on screen.

Thanks,

Ronan

Attachment: cards_4fbe6929.zip

[Rachel A]

Hi Ronan, 

  

Greetings from Syncfusion.  

  

We have achieved your requirement using the VisibleCardIndexChanging event in the SfCardLayout. Please find the sample for your reference.  

   

Sample:https://www.syncfusion.com/downloads/support/directtrac/241231/ze/WorkingWithCard1078693785.zip    

   

Code Snippet:  

Xaml:  

   

<cards:SfCardLayout VisibleCardIndexChanging="CardVisibleCardIndexChanging">  

   

   

C#:  

   

void CardVisibleCardIndexChanging(object sender, VisibleCardIndexChangingEventArgs e)  

{  

    e.Cancel = e.NewCard == null;  

}  

   

   

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

  

Thanks,  

Rachel. 

[Ronan Burke]

Hi Rachel,

Thank you very much, this solution works perfectly!

Thanks,

Ronan

[Rachel A]

Hi Ronan, 

 

Thanks for the confirmation. 

 

Please let us know if you have any other queries. 

 

Thanks, 

Rachel. 

[Pedro]

Hello

I have tested your solution in order to disable swipping and it's working:

   

void CardVisibleCardIndexChanging(object sender, VisibleCardIndexChangingEventArgs e)  

{  

    e.Cancel = true;  

}  

Is there any other way to disable swipping?

Thanks

[Suyamburaja Jayakumar]

Hi Pedro, 

 

Currently we don’t have another solution for disable swipping. we will update you in future once we got a better solution than previous update. 

 

Regards, 

Suyamburaja J.