Using optionLabel in conjunction with template produces undesirable effect.
In this case both ${ data.State } and ${ data.Representative } come back
as undefined. You should not apply template on optionLabel.


dataTextField: "District",

dataValueField: "District",
filter: "contains",
optionLabel: "----------------",
template: kendo.template("${ data.State } ${ data.District } - ${ data.Representative }"),

Hi,

Im trying to update my listview datasource with .read() .refresh() but it creates a new search box.  This also happens if I call the listview with data-show at the view.

Any ideas on how to remove the old search box?

Thanks.

<div data-role="view" data-layout="overview-layout" id="overview-current" data-show="mobileListViewFilteringCurrent" data-title="test">
     <center><h2>TESTING</h2></center>
     <ul id="filterable-listview-current"></ul>
</di>


function mobileListViewFilteringCurrent() {
$("#filterable-listview-current").kendoMobileListView({
dataSource: new kendo.data.DataSource({
transport: {
read: {
url: "http://xxx.xxx.xx/data.php?mall="+current,
dataType: "json",
data: {
q: "javascript"
}
}
},
schema: {
data: "results" 
},
group: {
field: "letter"
},
sort: {
field: "name",
dir: "desc"
}
}),
template: $("#customListViewTemplate").html(),
filterable: {
field: "name",
placeholder: "Escriba el nombre del comercio...",
ignoreCase: true ,
operator: "contains"
},
fixedHeaders: true
});

I'm experiencing a difference between IE and Chrome with the label overflow on the charts.  I'm using the sparkline to create a few barcharts in a table, and the labels are being cut off when viewing it in Chrome, overflow is visible in IE10.

Attached are some screenshots.  The bottom bar is 100%, the value = valueAxis.max.  The labels are set to "outsideEnd".  I've tried "insideEnd" which works when the value is 100%, but when the bar is 0% the "insideEnd" labels are cut off.  Not sure if I can make it conditional, display "insideEnd" if bar value is >50% and "outsideEnd" if bar value is <= 50%...

DataViz version is Q3 2013 1119.

The chart hierarchy is in:
      <table><tr><td><div><span id="sparkline"></span></div></td></tr></table>
I've tried setting overflow:visible on all of the parent elements.

Hi,
I have one chart that can be set as column, bar, line and area by a radio input and I'd implemented the refresh method to update the chart for a selected type. I also have a slider where I can change a date and the datasource is updated. The problem is that when the read() method is called after a date is changed doesn't matter if I'd chosen the bar, line or area type, the chart goes back to the default type (stacked column) that was set on MVC sintax. Is there a property that I should set to keep the chart type the same it was before the datatasource update and the read() call?

In an asp.net mvc 4.5 web project I'm adding the following css files to a bundle: bundles.Add(new StyleBundle("~/Content/css/kendo").Include( The result produces the following "Minification failed" error:

I am compleatly new to the kendo ui and i have downloaded the latest version of kendo ui with the free trail version which is for the evaluation purpose only, in my system.I am struggling to understand how to get started with the this.This has got only the examples,js,license agreements and styles.

I do not undersatand from where to start and how to proceed...i would appreciate if anyone can give me some details on how to get started.i have tried to see the videos given in the website in the browser "mozilla firefox 8.0" but it does not have any result to see.
Thanks,
Swarup

I have Two scenarios, where i want to provide filtering, which does not have direct Mapping with Table column Field.
1) First one i am using Foreign Key Column with Combo Editior, this column is also using Template to display Name isntead of IDs.
  so the Table Relationship is like this, degree has DegreeCategoryID_FK  & joins to DegreeCategory's  DegreeCategoryID_PK Column.

On the Server WebAPI Read method Looks like
==========================================================================================================================
  public PageResult<Degree> GetDegrees(ODataQueryOptions<Degree> options)
        {
            IQueryable results = options.ApplyTo(db.Degrees.Include(dc => dc.DegreeCategory));

            return new PageResult<Degree>(
                results as IEnumerable<Degree>,
                Request.GetNextPageLink(),
                Request.GetInlineCount());

        }
==========================================================================================================================

So when user filters on this Column, it should actually translate that filter to DegreeCategory.Name on the server. 
How can i achieve this ?

The following is in Degree Grid
   {
                                    field: "DegreeCategoryID_FK",
                                    title: "DegreeCategory",
                                    width: 140,
                                    editor: DegreeCategoryComboEditor,
                                    template: function (dataItem) {
                                        //if (window.SelectedDegree != null) {
                                        //    dataItem.DGID_FK = window.SelectedDegree.DGID_PK;
                                        //    return window.SelectedDegree.Name;
                                        //}
                                        //else
                                        //    return "";
                                        return GetdegreeCategoryName(dataItem.DegreeCategoryID_FK, dataItem.DegreeCategory.CategoryName);
                                    }
                                },

Hello, we are trying to combine ellipses and sortable columns in Kendo grid. But if we set sortable:true the column does no longer get the ellipses feature. The full header is displayed without the "..." at the end.

The reason seems to be, that the sortable option adds another <a> Tag to the column Header, disabling the Display:inline style required for the ellipses.

Is there any workaround for that? Is this a bug that will be fixed in a future version of Kendo UI?

Thanks a log
Johann

I have been looking through the forums and the docs, but can't find a way to have separate arrays of colors for each series.  I know how to specify the color array using seriesColors, but not at each series level.  I want my donut chart with two series to have 2 different color schemes without using colors from the data, i.e. series.colorField

For example:  http://demos.kendoui.com/dataviz/donut-charts/index.html   I want the inner circle to have one set of colors, and the outer circle to have another.  I want to do this via JS/HTML, not from the data source.    Something like:

"seriesColorsOne": [
            "#428bca",
            "#014478",
            "#a8d166"]

"seriesColorsTwo": [
            "#ED9C28",
            "#d9534f",
            "#363636"]

I am sure I am just overlooking something.

We were trying to implement right to Left text functionality for the KendoUI Dataviz by using css (kendo.rtl.css) provided by KendoUI library. But the chart is completely broken? We can’t fix that issue because we have no control over the SVG. I have tried the same thing for the Grids. Its working fine. Is kendo UI supports Right to Left functionality for the charts? If so please provide some insights in to that.