Swipe gesture not working

6 posts, 0 answers
  1. Priom
    Priom avatar
    3 posts
    Member since:
    May 2014

    Posted 14 Sep Link to this post

    I'm using UI for Universal Platform R3 2016 BETA to implement a sidedrawer but swipe gesture is not working when there is a listview inside maincontent or drawercontent. Release history listed that the problem has been solved but doesn't seem so. A working demo will be helpful
  2. Lance | Tech Support Engineer, Sr.
    Admin
    Lance | Tech Support Engineer, Sr. avatar
    138 posts

    Posted 14 Sep Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. DevCraft banner
  4. Lance | Tech Support Engineer, Sr.
    Admin
    Lance | Tech Support Engineer, Sr. avatar
    138 posts

    Posted 14 Sep Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Priom
    Priom avatar
    3 posts
    Member since:
    May 2014

    Posted 15 Sep in reply to Lance | Tech Support Engineer, Sr. Link to this post

    I'm currently testing this code on lumia 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
  6. Priom
    Priom avatar
    3 posts
    Member since:
    May 2014

    Posted 15 Sep in reply to Priom Link to this post

    After upgrading to latest version it's working now. But swipe gesture is not working on drawer. Animation is not as smooth as android. TouchTargetThreshold is not working as well. But swiping from very left edge is working.
  7. Lance | Tech Support Engineer, Sr.
    Admin
    Lance | Tech Support Engineer, Sr. avatar
    138 posts

    Posted 15 Sep Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
DevCraft banner