Swipe gesture not working

[Priom]

I'm using UI for Universal Platform R3 2016 BETA to implement a but swipe gesture is not working when there is a listview inside or . Release history listed that the problem has been solved but doesn't seem so. A working demo will be helpful

[Lance | Manager Technical Support]

Hello Priom,

We released a new version today, please update your app to R3 2016 and let us know if you have any further difficulty.

Note: Although you can report issues, Beta releases are not covered by the Support SLA. If you do find that after updating the problem still occurs, please update this thread with the code you're using and the device you're testing this with.

Lastly, can you please inform us on how you're able to use the R3 beta as you do not currently have a license nor are you a licensed user for someone else's license. If you are developing for someone else and using their license, please have them add you as the Licensed User. this would allow you to continue using the product and also allows you to open support tickets.

Let me know if you have any further questions.

Regards,
Lance | Tech Support Engineer, Sr.
Telerik by Progress

[Lance | Manager Technical Support]

Hello Priom,

I wanted to follow-up with you again as I have completed my investigation and found that the Drawer works as expected.

I suspect you're swiping too far from the edge of the screen to open the drawer. If you'd like to increase the area that is used to detect the swipe gesture, you can set the TouchTargetThreshold property (value in pixels).

See the Manipulation section here for more information and here is code I used to identify that it works as expected:

XAML

<primitives:RadSideDrawer DrawerManipulationMode="Gestures" DrawerLength="250">
    <primitives:RadSideDrawer.DrawerContent>
        <Grid Background="Gray">
            <data:RadListView x:Name="DrawerListView" />
        </Grid>
    </primitives:RadSideDrawer.DrawerContent>
    <primitives:RadSideDrawer.MainContent>
        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <data:RadListView x:Name="MainListView"/>
        </Grid>
    </primitives:RadSideDrawer.MainContent>
</primitives:RadSideDrawer>

Code-Behind

public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            Loaded += MainPage_Loaded;
        }

        private void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            var list = new List<string>();

            for (int i = 0; i < 10; i++)
            {
                list.Add($"Item {i}");
            }

            DrawerListView.ItemsSource = list;
            MainListView.ItemsSource = list;
        }
    }

You can open the drawer by swiping from the very left edge and tap to close.

Regards,
Lance | Tech Support Engineer, Sr.
Telerik by Progress

[Priom]

I'm currently testing this code on 1520 running windows 10 mobile version 10.0.14915.1000. The code you provided is not showing any drawer button nor swipe gesture is working. Swipe gesture is not working on my anniversary update emulator also

[Priom]

After upgrading to version it's working now. But swipe gesture is not working on . is not as smooth as android. TouchTargetThreshold is not working as well. But swiping from very left edge is working.

[Lance | Manager Technical Support]

Hello Priom,

The reason you're not seeing a button is because you probably copy-pasted my code directly and are using using DrawerManipulationMode="Gestures". This means the SideDrawer will hide the button and rely on gestures only. You can remove that property and it will use the default, "Both".

Regarding the ListView within the Drawer not detecting gesture properly, I've been able to reproduce the issue when the touch target is within the ListView's vertical space. The reason it works from the left edge is because there is a small margin between the ListView and the edge. I have escalated this to the development team for follow up.

Lastly, you can define custom animations for the drawer if you want to match another platform's more precisely. Here is an example. Alternatively, you could try another one of the animations (DrawerTransition property) to see if it matches your needs.

Regards,
Lance | Tech Support Engineer, Sr.
Telerik by Progress