Bounce scrolling for PanelBar content

3 posts, 1 answers
  1. S
    S avatar
    8 posts
    Member since:
    Jul 2011

    Posted 26 Jan 2013 Link to this post

    Hello all,

       I'm trying to get a fixed size panelbar (see: http://www.kendoui.com/forums/ui/panelbar/static-sized-panelbar.aspx ) working in a more "mobile" feel. The fixed size part is working just great. But - is there a way to have the fixed size "long" content in the panelBar scroll with overshoot and bounce back like on the kendo mobile listView and other mobile widgets? Can I somehow put the content items in a scroller control? I'm not too sure how to make that work.

    Cheers,
    Stephen
  2. Answer
    Alexander Valchev
    Admin
    Alexander Valchev avatar
    2875 posts

    Posted 29 Jan 2013 Link to this post

    Hello Stephen,

    This functionality is not supported out of the box. I suggest you to try to initialize mobile scroller for each .panelBar-content element.
    var panelbar = $("#panelBar").kendoPanelBar({
        expandMode: "single"
    }).data("kendoPanelBar");
     
    panelbar.element.find(".panelBar-content").kendoMobileScroller();

    Here is an example to the updated fiddle: http://jsfiddle.net/valchev/eUjK7/37/

    I hope this will help.

    Regards,
    Alexander Valchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. S
    S avatar
    8 posts
    Member since:
    Jul 2011

    Posted 29 Jan 2013 Link to this post

    Thank you very much - that's just what I was trying to do!
Back to Top