Hello There,

We are using Kendo UI Mobile Scrollview for switching pages by swiping left or right. The only problem is that, the "vertical scrollbar" remains on the same position when a page is switched. We want to reset the vertical scrollbar to top when a new page is switched. We have tried using "$("#scrollSection").data("kendoMobileScrollView").refresh()", but it doesn,t work.  

It would help us huge, if there is any workaround for this issue.

Regards.

Hi Guys,

Need your help. I followed the example here http://demos.kendoui.com/mobile/scrollview/index.html#/ but unable to display the data in the mvvm.
I think i didn't setup the template the correctly? was able to setup a mvvm bind to listview successfully though.
Thanks.

var feedsModel= kendo.observable({
    feeds:[
{posttitle: "title1",
postcontent: "content1"},
{posttitle: "title2",
postcontent: "content2"},
],
    selectedpost:"none",
});
 <div data-role="view" id="post" data-layout="post-layout" data-title="Post" data-stretch="true" data-model="feedsmodel"></div>
 <div data-role="scrollview" 
        data-source="feeds" 
        data-template="scrollview-binding-template"
        data-content-height="100%"
        data-enable-pager="false">
    </div>
<script id="scrollview-binding-template" type="text/x-kendo-template">    <div> <p class="title">#: posttitle #</p></div></script>

Looks like there is some bug when you have a databound scrollview inside an scroller element, you cannot scroll between views and data is not shown correctly.
http://jsbin.com/AxEJuPI/2/edit

Am I doing something wrong?
If not, does someone know any fix that could be used right now?

I cannot put the scrollview as the first child element of the mobile view, as the listview may have other fields and the user would need to scroll to see them.

Just building a mobile web site and have various content pages that have gallery content on so will use a scroll view to display the data.

Not all pages will have a gallery and each gallery is different.

I dont want to have to create x number of datasources for each gallery and then have x number of views with the different scrollview and content in.

I want to create one datasource and assign the datasource to the scrollview at runtime called from a web service with different parameters based on what content page is being called.

So here's my view code:
I have set autobind to false and not given it a data source so it doesn't bind

Heres my call to get the data passing in the section 
I now need to somehow assign the returned datasource in my data-show event code:

Anyone help, is it possible? or should i be doing it a different way?

Thanks

Jon.

Hi!
In the new version of Kendo Mobile Framework the kendoMobileScrollView ininitializes normally with data-role="scrollview" attribute ( http://jsfiddle.net/papageno/c8Hm6/10/ ), but when I try to initialize programmatically: $('#sv').kendoMobileScrollView(); ( http://jsfiddle.net/papageno/c8Hm6/9/ ) error occurs.

The error can be eliminated by changing the line:
that._content = options.dataSource ? new VirtualScrollViewContent(that.inner, that.pane, that.options) : new ScrollViewContent(that.inner, that.pane);
to line:
that._content = that.options.dataSource ? new VirtualScrollViewContent(that.inner, that.pane, that.options) : new ScrollViewContent(that.inner, that.pane);

Thank you!

Hi,
How cab I add a scroll view on the fly.
I tried the attached code but it doesn't really work
Can you help ?
Sagi

I am trying to use a template to render pages in a scroll view and I have run into some issues ...  I have a jsFiddle that shows what I am trying to do the group has a red header with 'why does this not work'.  I have a bunch of examples of things using templates and I don't understand why the template with the scroll view does not behave like the rest, could someone explain what I am missing?

http://jsfiddle.net/6RuHQ/6/

In case you are curious I am probably going to wind up with the last approach with my application since in some occasions I will end up with only 1 page and it looks silly as a scroller with 1 page (I'd rather just render that single page by itself).

Hello,

I have a custom mobile site that is using a hand-built mobile framework, but at the end of last year, we imported a kendo ScrollView into the site in order to have and improved image carousel.

This worked flawlessly, we simply called:
$(SELECTOR_HERE).kendoMobileScrollView();

This week, we attempted to update the site to the Q1 release (v2013.1.319 ) of the Kendo Framework, and found that this line has started throwing an error and no longer creates a carousel.

 After importing the non-compressed version of kendo mobile, I was able to track down the following:
MobileWidget = Widget.extend({
        ...
        ...
        container: function() {
            var element = this.element.closest(kendo.roleSelector("view layout modalview"));
            return kendo.widgetInstance(element, kendo.mobile.ui) || ContainerNullObject;
        }

After running the debugger, I can see that element is undefined, so I am assuming that kendo is now assuming that I am forcing the whole site to be a mobile app... which would be a ton of work to implement on this legacy site.

Has kendo officially stopped supporting individual initialization of the mobile components unless you are running the whole page as an app? (this would be very disappointing and greatly reduce the usefulness of the product for my company)

If not, can anyone tell me if the syntax changed or something in Q1?

Thanks!

Hi guys,
  I am working with the ScrollView and trying to prevent users from scrolling to certain pages.  I created an event handler for changing.  According to the docs, there should be currentPage and nextPage numbers available in the event.  It appears that only the currentPage is available when I dump out the event object.  Can you help me out with this?

Using Q1 2013 release
Reference: http://docs.kendoui.com/api/mobile/scrollview#events-changing

Thanks!
Seth

I'm trying to implement a Scrollview that contains pages which in turn contain Scrollers, like this:


The Scrollers become vertically scrollable/"swipeable" as expexcted, and the Scrollview is horizontally scrollable as expected, unless you try to swipe horizontally with the finger/pointer inside of the Scroller p-element. I.e., the scrollview works when swiping the header or the area around the Scroller.

Is it possible to achieve that when pointing/touching inside the Scroller, a vertical swipe will scroll the Scroller, and a horizontal swipe will scroll the scrollview? Or does anyone know a workaround/hack to make it work? 

Hope I'm expressing myself clear enough... it can get a little confusing with the similar terminology of scrollview/scroller...