Schedule and Tab control on Mobile both trigger when swiping left and right

Question

If you have several tabs in the the tabcontrol, one tab having a schedule. When you swipe left or right when on the schedule tab, it both swaps Tabs AND changes the dates.

If I wanted to give preference to tab swapping (without changing date range). How do I do that?

If I wanted to give preference to Date swapping (without swapping tabs). How do I do that?

Regards,

Keith

Karthigeyan Krishnamurthi · Answer

Hi Keith, 
 
Syncfusion greetings. 
 
Preference for Date swapping can be achieved using Tab selecting event. 
https://codesandbox.io/s/vue-template-t1fdv 
 
select: function(e) { 
      // To give preference to Date swapping (without swapping tabs 
      if ( 
        e.isSwiped && 
        !isNullOrUndefined(e.selectedContent.querySelector(".e-schedule")) 
      ) { 
        e.cancel = true; 
      } 
    } 
 
Preference for Tab swapping can be achieved using Schedule actionBegin event. 
https://codesandbox.io/s/vue-template-8xtdj 
 
onActionBegin: function(args) { 
      if ( 
        args.requestType === "dateNavigate" && 
        args.event.type === "touchmove" 
      ) { 
        //To give preference to tab swapping (without changing date range). 
 
        args.cancel = true; 
      } 
    } 
 
Regards, 
Karthi