Angular Kendo Mobile ListView - ActionSheet

5 posts, 0 answers
  1. Gisli
    Gisli avatar
    10 posts
    Member since:
    Jun 2013

    Posted 05 Aug 2014 Link to this post

    hi,
    I have been trying to use the ActionSheet example with LIstView instead of Grid.

    Do you have any example of this? I´d like to see some documentation about how to trigger the actionsheet in a listview or how to handle events, data. etc

  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 06 Aug 2014 Link to this post

    Hello,

    the following demo uses ActionSheet with a data bound mobile ListView widget.

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. UI for ASP.NET AJAX banner
  4. Gisli
    Gisli avatar
    10 posts
    Member since:
    Jun 2013

    Posted 06 Aug 2014 in reply to Petyo Link to this post

    Hi Petyo,

    I had seen this example.. now im trying to make it works with Angular
  5. Gisli
    Gisli avatar
    10 posts
    Member since:
    Jun 2013

    Posted 07 Aug 2014 Link to this post

    I just add this Plunker, open an actionsheet from a listview:

    http://plnkr.co/edit/BaVseNKdHKlJFuDoWTya?p=preview

    Uncaught TypeError: Cannot read property 'top' of undefined
  6. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 08 Aug 2014 Link to this post

    Hi Gisli,

    The problem is that you are passing an incorrect target on the open() method of the ListView. You will need to use the current clicked element as a target, so the actionsheet is correctly positioned. Here is a working example:

    http://dojo.telerik.com/Uhuh

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
UI for ASP.NET AJAX banner