the code is used for set IP address,  when touch any one of  these input forms ,the focus can only be set on the first one ,
 then the ipad virtual keyboard show up ,  how to adjust this to set focus on the touch one ?

I have a template like this:

<script type= "text/x-kendo-template" id="favoritesTemplate">
	# for (var i = 0; i < data.length; i++) { #
		<li>
            <a onClick=showSwimmer('${data[i].SwimmerID}')>${data[i].Firstname + ' ' + data[i].Lastname}</a>
            <a data-role="detailbutton" data-icon="refresh"></a>
        </li>
	# } #
</script>

It seems the widget in the template (in this case a detailbutton) is not really interpreted - and it never shows up in the final markup.

Is there any way to achieve this?

Thanks.

Hi,
I created a new mvc 4 web application project. I then compiled and ran the project.
Then I went to the logon page and clicked on the username textbox. All is well.
I then stopped the project, went to the telerik menu and chose convert to kendo.
I then ran the project again and went to the login page and clicked on the username textbox.
This time:


Very easy to reproduce, very hard to understand what's going on.
Please help ... Ed

We're developping a combined control where we use 3 chart donut controls. The main central one has to have the lowest z-index, 2 others are partiallyover the main one. (see picture in attachment) But it turns out that the tooltip (bottom) of the main one is also always behind the 2 other donuts. I've tried increasing the z-index of the tooltip in CSS. But this did not give a solution. (even though the webconsole showed a higher z-index for the tooltip) The only way i can get the tooltip on top is by increasing the z-index of the entire donut. But this is not allowed by the graphical design of the component.
How can i solve this problem? Any suggestions?

Hi There,

I have a working stacked area StockChart with a legend and a navigator (using the 514 release). The legend hover-over which would normally highlight all points of the hovered series is throwing a JavaScript error on line 57238 of kendo.all.js, since it hits a point which is null. This point is in the navigator - screenshot attached.

I'm not sure why the navigator has generated 25 points for the 24 in the JSON of the DataSource.

Any ideas how to progress this?

Thanks,
Chris

I have downloaded the code from code library for exporting but it has code for single graph to an PDF 

but how can we export multiple graphs to a single pdf file all the graphs are in same page

I have a view which is a remote view.  As a result, the content of the view is dynamic.  I have a button on this dynamic view which opens a modal view to show some details.  The details are dynamic and directly related to its parent remote view to which the modal view was opened from.

It appears ModalViews are cached like Views.  So my dynamic content I am putting in them are never displayed as it pulls the modal view from cache after the initial load.  How can I destroy/remove a ModalView?

I've been successful in removing Views from the cache before (see below) but I don't know how to retrieve/remove ModalViews in a similar manner.

Hello,

I have a grid that is dynamically filled with data that I do not know the name and I want to add a command column to this grid but it seems that I need to define the colums before this command column like this :

But I can't because as I said I don't know the names of my columns ... How can I do this ?

Thanks.

I'm trying to  use data-attribute initialization to bind the dataSource for an autoComplete input to my viewModel (a Kendo observable)

First off, the viewModel is:
...
              this.viewModel = kendo.observable({
...
                address: null,
                lookupAddress: function() { ... }
...
           });

And is bound during class/object initialization:
          kendo.bind($("#add-location-subview"), this.viewModel, kendo.mobile.ui);

My HTML is:

           <input id="address-field"
                data-role="autocomplete"
                data-filter="startswith"
                data-bind="value: address, events: {change: lookupAddress}"
          />

And, indeed, the address property and lookupAddress event are correctly bound

When I add the data-source in the markup, the autocomplete works correctly:
           <input id="address-field"
                data-role="autocomplete"
                data-source="{data:[ 'item1','item2'','item3','item4','aaa','bbb','ccc']}"
                data-filter="startswith"
                data-bind="value: address, events: {change: lookupAddress}"
          />

When I try and move the datasource to my model, the autocomplete does not work.
new script:
              this.viewModel = kendo.observable({
...
                address: null,
                theList: new kendo.data.DataSource({
                    data:[ 'item1','item2'','item3','item4','aaa','bbb','ccc']
                }),
                lookupAddress: function() { ... }
...
           });

new HTML:
           <input id="address-field"
                data-role="autocomplete"
                data-source="theList"
                data-filter="startswith"
                data-bind="value: address, events: {change: lookupAddress}"
          />

The docs show examples which indicate that this is the correct syntax.  What am I missing here?  Also, what is the difference between using data-source="..." and data-bind="source: ..." ?

Thanks.

Hi There,

I have a working stacked area StockChart with a legend and a navigator (using the 514 release). The legend hover-over which would normally highlight all points of the hovered series is throwing a JavaScript error on line 57238 of kendo.all.js, since it hits a point which is null. This point is in the navigator - screenshot attached.

I'm not sure why the navigator has generated 25 points for the 24 in the JSON of the DataSource.

Any ideas how to progress this?

Many thanks,
Chris