I'm making an app for my employer that was originally intended to be made with jQuery Mobile. However JQM didn't satisfy our need for smooth animations, so I'm switching to Kendo UI Mobile.

When working in JQM, there was a "theme roller" making it easy for me to add custom styles to buttons, navbars and footers. Is there a similar tool for Kendo, or what is the easiest way to change the color-scheme so that headers, footers and buttons are gradient red?

Update:
I've managed to style the header and the footer/tabstrip. But the icons and the text underneath the icons are gray. How can I force them to be white? (See screenshot)

Hi - Is there an OpenOnFocus equivalent from the legacy MVC extensions to the Kendo UI for the combo box?

Thanks,

Jeff

These are great controls... I need some help getting the best performance.

In the application, I have a Combobox (the same is true for a DropDownList, AutoComplete), as a <select> <option>. All works well with smaller list. Some of the Combobox have over 5000 items, and take 30 to 40 seconds to open. In internet explorer 8, it may not open at all. Unfortunately my user default browser is ie8. 

What is the best setup for performance? There is a lot of processing occurring on the initial click event, can that be triggered ahead of time? It needs to perform as well as an html select....

Thanks

HI,

I am using kendo ui grid for binding data. But as per my requirement I want that the header of grid will be invisible. How to hide the header of grid. Can any one help please?

Thanx in advance 

I am sure I am missing something here, but I can't find how to set the PageSize in the grid using the MVC wrappers.  Snippet from setting the datasource.

    .Pageable(pager => pager
                .PageSize(20) //  This fails.
                .PageSizes(true)               
                .PageSizes(new int[] { 10,20,30 }))

Hi, we recently moved the widgets in our open-source application from jQueryUI to KendoUI Web for various reasons including support for touch devices. As your site says "All Kendo UI Web widgets provide full support for touchscreen devices" however in the latest build this isn't working for some widgets, as mentioned here.

That thread addresses the calendar widget but we were unable to get the suggested fix working for the datepicker.

There is some pressure to move to a more mature widget library with touch support, so if you could let me know when to expect a fix in the stable branch I can hopefully keep KendoUI in our stack for launch. In the mean time if you could point me to the edge/unstable source I might be able to patch it for now.

Thanks in advance for your help, and thanks for your great work with KendoUI.

This applies to both ComboBox and DropdownList. When the input's width is set using % to be fluid, the dropdown itself does not stay in sync once the page is rendered and then the containing size changed. In other words, the dropdown width never updates once initially rendered.

I do not believe I am overlooking anything. It also doesn't seem to matter if setting width via CSS or adding style directly to input element. See the following basic demo link as a test. Resize the window (bigger or smaller) to see the dropdown list width remain static. Note, I only tested this in Chrome: http://jsfiddle.net/4uCHx/5/ 

Thanks,
Mike 

I'm trying to get sorting working on a grid that is bound to a WebAPI controller, but I am having trouble getting sorting to work right.  I have defined a grid using Kendo's MVC extensions as follows:

        @(Html.Kendo().Grid<DailyTotalsViewModel>()
              .Name("Grid")
              .Columns(cols => {
                    cols.Bound(p => p.Date).Width(60);
                    cols.Bound(p => p.Quantity)
                        .HtmlAttributes(new {style = "text-align: right"})
                        .Width(60);
                    cols.Bound(p => p.Note)
                        .Width(100);
              })
              .Pageable()
              .Sortable()
              .Scrollable()                        
              .DataSource(dataSource => dataSource.Ajax()                      
                    .Read(read =>  read.Type(HttpVerbs.Get).Url({service url here}))
                    .ServerOperation(true)
                    .Sort(s => s.Add(x => x.Date))
                    .PageSize(5)
              )
        )

And have been able to get that grid to load data from the following WebAPI method:
public class GridApiController : ApiController
{
[HttpGet]
public DataSourceResult GetDailyTotalGridRows(int? page, int? pageSize)
        {
{Retrieve DataSourceResult Here}
}
}

How do I get the sort information included in the request?  I've tried the following signatures:

public DataSourceResult GetDailyTotalGridRows(int? page, int? pageSize, SortDescriptor[] sort) 
public DataSourceResult GetDailyTotalGridRows(DataSourceRequest request)  
public DataSourceResult GetDailyTotalGridRows([DataSourceRequest] DataSourceRequest request)   

I have also tried using HttpPost instead of HttpGet, but haven't been able to get SortDescriptor data to my controller method.  

Hello,

I was wondering how I would go about changing the background color of the selected tab (not the contents of the tab, the tab heading itself, when I hover over it it turns grey but then goes back to normal once I click the tab, I want it to stay grey). I was also wondering how to change the font and font color of the tab heading once selected.

Please let me know if you need any other information, I'm not really sure how much more specific I can get without taking screenshots but I will if needed.

Hi,

I am using Telerik ASP.NET MVC dropdown list. I would like to display this dropdown list as Label with the selected value set to the label based on some role based authorization scenario.

1. How would I extend/implement custom render method for Telerik ASP.NET MVC dropdown list.

2. Also If I would like to add additional properties to the telerik dropdown list by extending it. How would I achieve this.

Your time and help is highly apprciated.

Thanks,
tnr