With regard to the documentation found at:

http://docs.telerik.com/kendo-ui/getting-started/widgets

Is it...

var widgetObject = kendo.widgetInstance(widgetElement);

or...

var widgetObject = kendo.widgetInstance(widgetElement, kendo.ui);

Is the second parameter optional?

Hey guys

I have pages inside my scroll-view which provides an interactive "settings-mechanism".
What that means is my application will react to a vertical "swipe-gesture", and will change time-settings according to the scrollView-page.

This works very smooth and I'm quite happy as these are my first "kendo-UI steps".
Now the problem begins once you don't swipe straight, but your vertical movement is enough to trigger the "start page-change"-animation.
So what I need to do is to disable the scrollView, once the settings-adjustment got initiated.

My workaround is to disable this functionallity when I detect a more vertical swipe than a horizontal one (through dragstart & drag).
But this is not good for the enduser as he can start a settings-adjustment on the page and then change to a scrollView-page-transition with the same movement. 

On my journey to find a solution, I was mainly looking for a way to achive these events/methods:
-Events:
  AboutToChange (I don't understand the Changing-Event... It fires when the user already made a full transition... or is this a Chrome-Bug?)
  Cancled
-Methods:
  Enable / Disable the ScrollView

Like in the title mentioned, I thing these are quite essential things...I don't feel like I'm doing something very exotic here, or am I?
Maybe I'm missing something, because I can't find threads about that here, nor on stackoverflow.

So are there truely no workarounds / properties / whatever to "fix" my problem? Or should I change my widget with something else (maybe from the community?).

Thank you very much.

Cheers,
Richard

Easier to show than to explain. Please take a look at the video: https://www.youtube.com/watch?v=aChANYI6VsA

I am using v2013.3.1414.

Hi!

I need to do a scrollTo just after load an scrollview. If i put my function just after loading code it do anything. If put the same sentence with a 1 second delay using setTimeout it works great. Then, there's one event at kendoMobileScrollView that throws when the load it's complete to call my sentence at this place?

Thanks

PD: This is my loading function:

function CargaDatos(){
$("#scrollview").kendoMobileScrollView({
        dataSource: {
            transport: {
            read: function (options) {

                db.transaction(function(tx) {

///WEB SQL LOADING CODE OMMITED, TOO EXTEND.

});

            }
        },
            serverPaging: true,
            pageSize: pagElements*9,
            schema: {
            data: "photos",
            total: "total_items"
        }
        },
        itemsPerPage: pagElements,
        template: kendoTemplate,
        contentHeight: '100%',
        enablePager: false
    });
    
    setTimeout('$("#scrollview").data("kendoMobileScrollView").scrollTo(6, true);',1000);
}

If I create a view with data-role="modalview" and then use Kendo.bind() using MVVM it causes the page to show just plain text with a white background.  If I change the data-role to view it works correctly.  Is there something special that must be done to use MVVM with a modalview?

Thanks

It seems to be working both ways but the documentation says to use get() on observable objects. I prefer the conciseness of the first example with direct invocations.  What dangers am I putting myself in by not using get()?



..vs..


Here's how data is initialized: 

Hi, 
I'm updating multiple properties on a Kendo datasource row model (using model.set javascript), and I want the grid to update only after the last change is made. Another issue is that i don't know (without many if statements) whether any of the properties actually changed.
Regards, 
Tom

I'm using a batch grid with InCell editing and am wanting to know a way to set a particular column into edit mode.  

I've tried using editCell, and so far it hasn't caused any of the cells to go into edit mode :(

In this particular case, we have a ClientTemplate column specified which has a button (really its a link...) in it.  When the user clicks the button I would like a particular cell in that row to switch to edit mode.  For reference here's what the specific column template looks like:
 columns.Template(t => { }).HeaderTemplate("")
                .ClientTemplate(@"
                    <a href='javascript: void(0)' class='abutton SecondaryActiveBtn' onclick='editVariableRate(this)' title='Edit'>Edit</a>")
                .Width(100).Title("");

Here is the particular javascript method that gets called on the button click:
 function editVariableRate(element) {
        grid = $("#variableFee").data("kendoGrid");     
        var cell = $(element).closest("tr").find("td:eq(2)");
        grid.editCell(cell);
}

Am I doing something wrong here because the particular column never goes into edit mode.

I've currently got a CSS rule for a KendoUI Chart (that is defined in a razor view):

/* use :not(:last-child) to ignore legend */
#idOfMyChart g:not(:last-child) path
{
    cursor: pointer;
}

This sets the cursor rule for the right svg elements in the chart. However, hovering over the series seems to redraw the chart (to display the tooltip) and stops the cursor from displaying as per the css rule.

Is there a way to get these svg elements to display the cursor as a pointer?

Related StackOverflow question: http://stackoverflow.com/questions/12283889/does-setting-the-cursor-for-kendo-ui-chart-series-via-css-work 

Hi,
I've got a simple panel bar code at: http://plnkr.co/edit/cJsESYQY5Dz4voQcudud?p=preview
In this code, you can see a panelbar that's limited in size (imagine it has a context) and the panelbar item is much larger.
What I want to happen is the following:
1) Panels won't be able to open more than the UL height.
2) Spread the panels in various heights - so the first would be 75% and the second would be 25%.
I tried doing it with jquery - changing the heights dynamically - but things got much more comlicated when I had a grid inside one of the panels...
Is there a smart way to do this?