Kendo Mobile Scroll View fixed height

2 posts, 0 answers
  1. Corey Mitchell
    Corey Mitchell avatar
    6 posts
    Member since:
    Nov 2009

    Posted 26 Mar 2015 Link to this post

    I have implemented a horizontal slider listing several countries and some facts about them using the Kendo Mobile ScrollView like so:

    var worldViewModel = kendo.observable({
        countries: countriesData
    kendo.bind($("#view-world"), worldViewModel); //bind to page
    var scrollview = $("#view-world-slider").kendoMobileScrollView();

    It works, but I can swipe it vertically as well as horizontally. I only want it to slide horizontally. I have tried setting a fixed height on every element, but it doesn't seem to affect it. I compared my setup with your demo here: and
    I seem to have a very similar setup, except I bind my slides using a Kendo Observable and my markup looks like this:

    <div id="view-world-slider" class="countries" data-template="world-country-template" data-bind="source:countries"></div>

    Can you recommend a configuration or css that will make my slider stop sliding vertically?
  2. Martin Yankov
    Martin Yankov avatar
    177 posts

    Posted 30 Mar 2015 Link to this post


    Normally, the Kendo ScrollView scrolls only horizontally. Perhaps you have modified something, so that it can scroll vertically or I'm simply not understanding you correctly. What you can try is setting the contentHeight property to 100% like here: Other than that, you have not provided neither your template, nor your css rules, so I cannot reproduce your issue and investigate it. Please, provide these or better yet, open a support ticket and send us your project, so that I can take a look and suggest a solution.

    I am looking forward to your reply.

    Martin Yankov

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

Back to Top