Scroller inside Scrollview?

10 posts, 0 answers
  1. Filip
    Filip avatar
    1 posts
    Member since:
    Jun 2012

    Posted 25 Jun 2012 Link to this post

    I'm trying to implement a Scrollview that contains pages which in turn contain Scrollers, like this:

    <div id="scrollview-container">
        <div data-role="scrollview" id="feed-scrollview">
            <div data-role="page" class="feed-item">
                <h2>header 1</h2>
                <p data-role="scroller">text to be scrolled</p>
            </div>
            <div data-role="page" class="feed-item">
             <h2>header 2</h2>
                <p data-role="scroller">other text</p>
            </div>
       more pages...
        </div>
    </div>

    The Scrollers become vertically scrollable/"swipeable" as expexcted, and the Scrollview is horizontally scrollable as expected, unless you try to swipe horizontally with the finger/pointer inside of the Scroller p-element. I.e., the scrollview works when swiping the header or the area around the Scroller.

    Is it possible to achieve that when pointing/touching inside the Scroller, a vertical swipe will scroll the Scroller, and a horizontal swipe will scroll the scrollview? Or does anyone know a workaround/hack to make it work? 

    Hope I'm expressing myself clear enough... it can get a little confusing with the similar terminology of scrollview/scroller...
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 29 Jun 2012 Link to this post

    Hello Filip,

    Thank you for noticing this, this is a bug - the Scroller shouldn't stop the events from being propagated below it when it can't scroll horizontally. I'm marking this for fixing and also updated your points for the find.

    Kind regards,
    Kamen Bundev
    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. Stas
    Stas avatar
    4 posts
    Member since:
    Sep 2011

    Posted 08 Oct 2012 Link to this post

    Hello Kamen,

    Any luck with the bug fix?

    I want to add multiple horizontal scrollers, but I've got the same problem as Filip - if you tap inside horizontal scroller, then you cannot scroll the page vertically.

    Is there a workaround I could apply to propogate events to parent elements?

    Regards,
    Stas
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 11 Oct 2012 Link to this post

    Hello Stas,

    I just fixed this and the fix will be available with the next internal build. Let me know if it works for you.

    Kind regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Stas
    Stas avatar
    4 posts
    Member since:
    Sep 2011

    Posted 11 Oct 2012 Link to this post

    Thank you, Kamen. I'll wait for the build and will let you know.
  7. Stas
    Stas avatar
    4 posts
    Member since:
    Sep 2011

    Posted 12 Oct 2012 Link to this post

    Hi Kamen,

    When I should expect the next internal build? The only one I see is 'kendoui.mobile.2012.2.1002.commercial'. 

    Also, could you tell when it will be released? Just a rough estimate - are we talking about weeks or months?

    Thanks,
    Stas 
  8. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 15 Oct 2012 Link to this post

    Hello Stas,

    I've just pushed a new internal build through, please check your account for the download.

    The Q3 release is scheduled for November with its beta scheduled for October (next week).

    Regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  9. Stas
    Stas avatar
    4 posts
    Member since:
    Sep 2011

    Posted 15 Oct 2012 Link to this post

    Hello Kamen,

    Thanks, it works like a charm.

    Best regards,
    Stas
  10. Uri
    Uri avatar
    2 posts
    Member since:
    Mar 2012

    Posted 20 May 2013 Link to this post

    Hey Everyone

            I'm getting the same problem as described above.
            I have a scroller inside a scrollview and it won't scroll horizontally
            when the command is issued from inside the scroller.

            I'm using Kendo UI Complete v2012.3.1315 which is the latest in the web site.

    Thanks
  11. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 23 May 2013 Link to this post

    Hello Uri,

    Is it possible to update your project against latest official or internal release and check whether the problem still persists. Kendo UI version that you use is relatively old, v2013.1.514 is available for download from your account. For convenience I attached a screenshot.

    Regards,
    Alexander Valchev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready