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

Responsive Components

2 Answers 93 Views
ScrollView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Matt asked on 28 Mar 2013, 08:31 PM
Hello,

I've been reading the documentation of KendoUI mobile but there are things I couldn't find anywhere.

In this particular case I'm trying to find out how we're supposed to make a UI flexible for different screens. Take the ScrollView demo for example (http://demos.kendoui.com/mobile/scrollview/index.html#/), the height of the photos is fixed, and if you change that and use "100%" instead, it collapse and no photo is shown (at least using icenium's simulators).

What am I missing? How do you tune the UI so it works for different devices with different screens? I'm particular interested in tablets (both orientations) but I also wants to support phones (yeah, I think I can target them using custom styles for each device but I suppose it's not the idea)..

Thanks,
Matt

2 Answers, 1 is accepted

Sort by
0
Matt
Top achievements
Rank 1
answered on 28 Mar 2013, 08:50 PM
By the way, I have some other questions regarding components customization...

Using the same example, where is it documented how to remove the little circles at the bottom of the scroll view? Android don't have them (take google play app for example). 
0
Petyo
Telerik team
answered on 01 Apr 2013, 08:31 AM
Hi Matt,

You may use the height configuration option to stretch the scrollview widget and its contents (see this demo).

Further customizing of the widget (like hiding the page indicators) is not available as a configuration option, but can be achieved with CSS, too. 

All the best,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
ScrollView (Mobile)
Asked by
Matt
Top achievements
Rank 1
Answers by
Matt
Top achievements
Rank 1
Petyo
Telerik team
Share this question
or