Responsive Components

3 posts, 0 answers
  1. Matt
    Matt avatar
    3 posts
    Member since:
    Mar 2013

    Posted 28 Mar 2013 Link to this post

    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. Matt
    Matt avatar
    3 posts
    Member since:
    Mar 2013

    Posted 28 Mar 2013 Link to this post

    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). 
  3. Kendo UI is VS 2017 Ready
  4. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 01 Apr 2013 Link to this post

    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!
Back to Top