Dear Telerik Support

We are in the upgrading process of adjusting our app to meet the iOS7 style.
Custom icons are used within TabStrip, with the newest Version v2013.2.1002 we are facing the issue that these icons don't get proper active states.

To help you, that you can help us I've created a sample so that you can reproduce the issue. Its based on your standard TabStrip example.
Please note that the problem only appears when using the app on an iPhone or in the iPhone Simulator from Xcode. In Chrome / Ripple everything is fine.

As you see in the attached screenshot, the active TabStrip element changes the text-color but the icon stays the same. Surprisingly the icon gets colored right when you click on an input box on the according content page. But even then, all custom icons change their color. Using the normal icons from the font like the globe works as it should.

You find the example and two screenshots which are showing the wrong behavior in the attachments.
Would be awesome to have a solution or workaround soon.
Best Regards
Gilles

Hi,
I need text of all selected nodes in the Treeview (Checked) in an array.

I can traverse through the selected nodes but not able to read text. text property not working

$("#treeview .k-item input[type=checkbox]:checked").closest(".k-item").each(function () {
// change whatever you want, for example:
**alert($(this).data.text);**
$(this).css("color", "green");
});


Thank You.
Best Regards.

Hello, 
i have a standard grid like this:
My model looks similar to this: 
Page Model contains an array of ItemModel and i would like to display the Items field as a separate grid for each corresponging ItemModel.
Is it possible to achieve this in an easy way (preferably setting and filtering data source straight from the page Model, since it is already loaded in) ?
I was fooling around a lot with provided examples, but i wasn't able to fill the hierarchic grid with the right data. 
Thank you for any suggestion.

Rostislav Striz

I noticed the drawer widget is broken in the latest public build of mobile. Is there a way for paying customers of icenium to get the working drawer from the internal build of mobile or do we have to wait for the next public release of icenium?

 I am using kendo date picker in couple of places in my application, and need to change the background when the date is greater and equal to 10/2013. How this in the attached image.

http://jsfiddle.net/TXUDw/2/

De we have a way to user Panel bar like a menu?
I try to pass some parameters in my PanelItem to ba able to react in the Select event.
I use MVC like this:

I whan to add more information provided in my MuniItemModel like (Url, group) than retrive it in my OnMenuSelect.
Any Suggestion?

I inserted the kendo.all-vsdoc.js into my project but I do not get any intellisense from VS2010. Any idea why?
Atzmon

Setting template as part of the constructor of a ListView works fine:

this.list = new kendo.ui.ListView(listdiv.get(0), {
                                                            dataSource: this.dataSource,
                                                            selectable: true,
                                                            template: "<div>#:label#</div>"
                                                          } );

However, changing or setting the template after the creation of the ListView does not update/set the view:

this.list.options.template = '<div>xxxx #:label#</div>';

How can I force the list to use an updated/new template?

Hi,
I m using kendo grid to .net web application. In there I used grid with inline editing.
It loads the data and when click edit button , it can edit. But when I click "Update " the its not pass the data to my controller.

Here is my grid.

 function BindGridPurchaseOrder(orderID) {

                        dataSource = new kendo.data.DataSource({
                            transport: {
                                read:  {
                                   url: "../api/Order/GetOrderItemByOrderID?orderID=" + orderID

                                },
                                update:{
                                   
                                   url: "../api/Order/SaveOrUpdateOrderItem",
                                   dataType: "json"
                                },
                                parameterMap: function(options, operation) {
                                    if (operation !== "read" && options.models) {
                                        return {models: kendo.stringify(options.models)};
                                    }
                                }
                            },
                            batch: true,
                            pageSize: 20,
                            schema: {
                                model: {
                                    id: "OrderItemID",
                                    fields: {
                                        OrderItemID: { editable: false, nullable: true },
                                        ProductName: {editable: false, validation: { required: true } },
                                        SellingPrice: {editable: false, type: "number", validation: { required: true, min: 1} },
                                        BuyingPrice: { type: "number",editable: isPreliminary},
                                       
                                        Quantity: {editable: false, type: "number", validation: { min: 0, required: true } }
                                    }
                                },
                                data: "Data",
                                total: "Count"
                            }
                        });

                    $("#PurchaseOrdersGrid").kendoGrid({
                        dataSource: dataSource,
                        pageable: true,
                        pageSize: 7,
                        serverPaging: true,
                        columns: [
                            { field: "OrderItemID", title: '<%= Resources.ResourceiChain.ID %>', width: 50 },
                            { field: "ProductName", title:'<%= Resources.ResourceiChain.ProductName %>'  },
                            { field: "Quantity", title:'<%= Resources.ResourceiChain.Quantity %>'  },
                            { field: "SellingPrice", title: '<%= Resources.ResourceiChain.SellingPrice %>' },
                            { field: "BuyingPrice", title: '<%= Resources.ResourceiChain.BuyingPrice %>' },
                             { title: "Action", command: [
                                    {
                                        id: "edit",
                                        name: "edit",
                                        click: OnRowSelect,
                                        template: "<a class='k-button k-grid-edit' href='' style='min-width:16px;'><span class='k-icon k-edit'></span></a>"
                                    },
                                    {
                                        id: "destroy",
                                        name: "destroy",
                                        click: OnRowDelete,
                                        template: "<a class='k-button k-grid-destroy' href='' style='min-width:16px;'><span class='k-icon k-destroy'></span></a>"
                                    }
                                 ]
                            },
                            
                            ],
                        editable: "inline"
                    });    
        }



Here is my server side code..
        [System.Web.Http.AcceptVerbs("GET", "POST")]
        [System.Web.Http.HttpGet]
        [ActionName("SaveOrUpdateOrderItem")]
        public OrderItemDTO SaveOrUpdateOrderItem(OrderItemDTO orderItemDTO)
        {
               return new OrderItemBS().SaveOrUpdateOrderItem(orderItemDTO.OrderItemID, orderItemDTO.OrderID, orderItemDTO.ProductID,  orderItemDTO.Quantity, orderItemDTO.CreatedBy, orderItemDTO.IsPurchaseOrderItem, buyingPrice);
        }

Hi,

I have 2 datepicker controls. One datepicker is used to denote the start date and the other is used to denote the end date.

The start date should always be less than the end date. When the customer presses a button a validation message needs to be returned when the start date is greater than the end date.

How can I implement this?

Also, how can I add validation to ensure that the datepicker only allows customers to enter dates?

Thanks