This is a migrated thread and some comments may be shown as answers.

Making a section scrollable

5 Answers 127 Views
Application
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 2
Michael asked on 18 Feb 2012, 03:52 PM
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.

5 Answers, 1 is accepted

Sort by
0
Accepted
Petyo
Telerik team
answered on 20 Feb 2012, 12:39 PM
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!
0
Michael
Top achievements
Rank 2
answered on 21 Feb 2012, 03:06 PM
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(),
0
Petyo
Telerik team
answered on 22 Feb 2012, 09:07 AM
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!
0
Michael
Top achievements
Rank 2
answered on 22 Feb 2012, 03:41 PM
Can I send you a private message to show you the site I'm having issues with?  You will understand when you see it.
0
Georgi Tunev
Telerik team
answered on 24 Feb 2012, 02:50 PM
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!
Tags
Application
Asked by
Michael
Top achievements
Rank 2
Answers by
Petyo
Telerik team
Michael
Top achievements
Rank 2
Georgi Tunev
Telerik team
Share this question
or