Hello.

I'm using Kendo Splitter on a page where the user will be able to see 6 Google Maps instances at a time. My Splitter setup is:

• Have a main Splitter which is a vertical-oriented one with 2 vertical Panes
• On both panes, there are a horizontal-oriented splitter with 3 horizontal Panes

In my setup, I'm trying to make the layout look like this:

+------------+------------+------------+
|               |               |               |
|               |               |               |
+------------+------------+------------+
|               |               |               |
|               |               |               |
+------------+------------+------------+

But, for some reason I don't know/understand, the vertical Pane divider is missing but still have 6 well-differentiated panes with their respective dividers. Additionally,  I've added a resize function on the main splitter (the vertical-oriented one) so its heigh could fit the actual window size.

Here is the fiddle with an example of what I'm trying to do.


Thanks in advance for your help.

Hello,

we fill a grid with values (ObservableArray) from a modified DataSource object. When we now change something in the Array it has no effects on the grid. The DataBound event is fired, but the values in the grid stay the same.

Is the MVVM Pattern not possible in the Grid widget?

Best regards
Michael

I just started using Kendo today and really appreciating the docs and examples.

However I think found a quite scary regression bug in the grid control.

This jsfiddle is the original working example I found : http://jsfiddle.net/EaNm4/ 
It is based on a 2011 version of the product.
You can click rows with a single click and it will select the row reliably each time.

This is a modified version using the latest 2013 version (yes I realize I'm still using the old stylesheet)
http://jsfiddle.net/jfzxa/
* If you try to click a row it cannot be reliably selected. Sometimes it selects it and sometimes it doesn't
* If you then change selectable to 'multiple row' you can reliably select rows again.

So in summary :
version 2013.1.319 grid control
cannot reliably select rows unless 'selectable' is set to 'multiple row' 

thanks

Hi Support Team,

I had a big issue when using KendoListView function on windows 8 platform. The issue is window 8 platform doesn't allow us add dynamic html that contain unsafe code. 

I made a search and found out this link:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465380.aspx

This is extracting from the article:
"Dynamically adding HTMLA page
in your app's local context has more access to the system than other Web pages (or "Web-context pages") do. It can access the Windows Runtime and, depending on the app's permissions, might be able to access the file system and your devices. For this reason, it's important to prevent potentially malicious code from executing.To guard against script injections and help shield your system from potentially malicious code, HTML you inject into a page in the local context is filtered as though it was processed by the toStaticHTML method. Injecting HTML that contains an unknown element, event handler, script or reference to script, or unknown CSS pseudo-element and pseudo-class causes an exception when you try to add the HTML to the page's DOM."

We can work around by placing the block of code in the function MSApp.execUnsafeLocalFunction as following:
MSApp.execUnsafeLocalFunction(function () {
                        var listView = $("#listView").kendoListView({
                            dataSource: localDataSource,
                            selectable: 'single',
                            template: kendo.template($("#CountryListView_template").html())
                        });
                    });

But this method is not good as we must change code of the whole process to make it work. So I need to override the kendoListView function to make it affect for the whole project without much code changes.

I tried this one:

 _kendoListView = $.fn.kendoListView;
 $.fn.kendoListView = function (i) {
       var _this = this;
        MSApp.execUnsafeLocalFunction(function () {
            _kendoListView.apply(_this, arguments);
        });
        
    }

But it doesn't work. Would you please help me how to override this function above. i just want to add the code MSApp.execUnsafeLocalFunction before call KendoListView function. 

Thanks and Best Regards,
Craig,

Hi team,

I want create Dynamic templates.In the below link sample showing the static template.
http://jsfiddle.net/kashyapa/hWXuF/embedded/result/
My requirement is  bind the dropdown list dynamically and based on change event bind another control .
Could you please suggest how to crate this type of templates in MVC  and If you have any samples could you please send?

Our website app is located at http://360vindemo.com. We are using KendoUI v2013.2.1024, and we are calling remote views.

If you browse to our website on some mobile devices (specifically a Nexus 7 or an iPad Mini), the first time you load the website (it auto-forwards mobile devices to http://360vindemo.com/Mobile), the Kendo Mobile Application starts up and loads everything, but the problem is that the browser evidently thinks the header takes up 0 height, so the View that gets rendered is underneath it. See the screenshot. After refreshing the page, it looks normal, and the header takes up the correct amount of height. So there seems to be some weird timing issue, that if something isn't loaded, the header takes up 0 height, and the View registers that it is supposed to be at the very top of the screen.

This bug only seems to happen after I have either closed the browser, reopened it, and browsed to our URL; or cleared the cache, then browsed to our URL. But if you hit the refresh button, it works every time.

We have tried giving the <header> tag an inline height, but the remote views still appear under the header. Any idea what is going on here? Let me know if you need any clarifying information.

I have a situation where I want to attach a persistent function to child objects of a view model after they are passed to the view model from the server, so ...

I am fetching it through a dataSource, that goes to the Kendo Multi-Select widget. The data looks like this ...

But I would like for it to look like this, once it is in my javascript.

Is there anything I can do to achieve this? I was looking at the "schema" feature of the dataSource.

Drag from listview and drop in  Circular target area (maybe using SVG etc it can be achieved)
I tried using CSS circle border-radius:50% but it just shows circle div , but actually its a rectangular div.

I am searching the solution from several days in your forum and other stackoverflow forums, but couldn't find solution for complete circular div area for drop (Using Drag and Drop)

Please let me know whether it is possible or not ?
If you want more detail of my question then I can create a jsfiddle for it.

So I'm using dataTables since I really like the functionaloty, but I'm having problems pulling the data.. only kendoUI can pull the data from a Yii url structure for instance this one url:"<?php echo Yii::app()->createUrl('gridData/dataContactLog?customer_id='.$model->id); ?>",  so I just want to get data from kendoUI and put it in dataTables plugin thhanks!

I am following this demo:
http://demos.kendoui.com/mobile/scrollview/custom-template.html#/

What I am not able to figure out is how to bind a Tap event either after the new pages are rendered.

$('.batch-page .gallery-page .tile').kendoTouch({tap: function (e) {
   alert('Hello")
}});

Normally I would just jquery's live on method, but I need the kendo tap binding.