Making a section scrollable

6 posts, 1 answers
  1. Michael
    Michael avatar
    17 posts
    Member since:
    Aug 2012

    Posted 18 Feb 2012 Link to this post

    Hi,

    So I wanted to make a special view for tablets.  Where we have a large photo on one side and information on the other.  Well the photo would not need to scroll because it would fill the space.  But the information would need to scroll.  I like the ui's scrolling effects.  Is there a way to tell a DIV that it's scrollable.  I did set the div to a fixed height and overflow hidden or scroll.  Which works but does not have the ui's scroll bar or the smoothness that the ui has.  Plus I really don't know overflow hidden would even scroll on different devices, I know it does not work on desktops unless you can click and hold then move mouse down.

    Please help.
  2. Answer
    Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 20 Feb 2012 Link to this post

    Hi,

    So far, the scroller in Kendo UI Mobile is an internal implementation, and is not meant to be used directly. However, as the tablet specific apps will definitely need this functionality, we are most probably going to document it and expose it for end usage in future releases. 

    However, If you are in a hurry, this solution should work. However, it is unsupported and not guaranteed to work in future releases:

    $("#myDiv").kendoMobileScroller();


    Regards,
    Petyo
    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. Michael
    Michael avatar
    17 posts
    Member since:
    Aug 2012

    Posted 21 Feb 2012 Link to this post

    That worked perfectly.

    one little issue.  When I turn the tablet I have it rebuild the HTML to fit.  So portrait I would like to REMOVE the scrolling?  How would I do that.  I could not find how you'd remove any .kendoMobile???()  

    I know i'll need this for .kendoMobileScrollView(),
  5. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 22 Feb 2012 Link to this post

    Hi,

    If I understand you correctly, you won't have to do that. This behavior is handled automatically by the ScrollView and the Scroller. On orientation change, If the view area becomes larger than the content of the widgets, scrolling and swiping is disabled. 


    Greetings,
    Petyo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Michael
    Michael avatar
    17 posts
    Member since:
    Aug 2012

    Posted 22 Feb 2012 Link to this post

    Can I send you a private message to show you the site I'm having issues with?  You will understand when you see it.
  7. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 24 Feb 2012 Link to this post

    Hello Michael,

    I am afraid that consultancy is out of the scope of our support services. If you send us a sample project however, that isolates that exact behavior, we could check it and provide some suggestions if possible.


    All the best,
    Georgi Tunev
    the Telerik team
    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