I just downloaded the trial version and am attempting to create a simple data entry screen.

Using the following Javascript

        $("#dateTo").kendoDatePicker({
            format: 'MM/dd/yyyy'
        });

I'm trying to display it like this:

Date From:
<div id="dateFrom">

</div>

The control displays and the calendar appears when I click the button but the selected value does not appear in the textbox, nor can I edit a date directly. It seems like its read-only.

These are the Kendo references in my Layout cshtml:

        @Scripts.Render("https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js")
        @Scripts.Render("https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js")      
        @Styles.Render("http://cdn.kendostatic.com/2014.3.1411/styles/kendo.common.min.css")
        @Styles.Render("http://cdn.kendostatic.com/2014.3.1411/styles/kendo.blueopal.min.css")
        @Scripts.Render("http://cdn.kendostatic.com/2014.3.1411/js/kendo.all.min.js")

What could be going wrong here?

Thanks

Carl

  $('#toolbar'). kendoToolBar({
                    items: [
                        {
                            type: "button",
                            text: "But1",
                            spriteCssClass: "fa fa-map-marker",
                            attributes: { "class": "fa fa-2x fa-map-marker" }, // doesn't work either
                        }]
});

Hi

I'm trying to show a font awesome icon instead of kendo sprites in kendoToolbar.
Is this possible? thanks heaps.

Cheers

Michael

I'm having trouble using an SVG image in a column template.

I have my data-column set up to use a column template:


then I have my template script:


I believe xlink:href="#icon-warning2" is causing the problem - if I remove this portion, then the template doesn't error. I've tried escaping the # like this: xlink:href="\\#icon-warning2" but it doesn't work. I know for sure that my SVG reference is working because the graphic shows if I put in anywhere else on the page.

Any insights on how to fix this?

I am generating a grid from a rendered table and need to be able to set the template as a function returned from kendo.template:


Unfortunately, this results in displaying the following in each cell of the rendered grid:


My template definition looks like this:


I originally had this inline and it was working. But I've broken it out as a separate template because I intend to expand on it further.

Any help?

Thanks,
Gary

Hi all.

Could you tell me how to change default Kendo Mobile Loader Image (the one with three vertical 'dancing' bars)? Thanks

Building a Single Page Application with several Kendo Grids.

Also using Kendo Grids in various "popups" and "tooltips".

Using Angular 1.3.14.

I've noticed that Kendo seems to be "polluting" the DOM and not removing elements.

My page on load (no grids shown yet):


As soon as I load a view with some Kendo Grids, I start to see this in my DOM:


For just my first view, I see ~10 `k-list-container` divs being added to the DOM.  All of them are display: none.

When I expanded one of them I see:



Ok, so I figured out these k-lists must be for EACH column in each grid that I show.

However, for almost all of my grids and columns, I **DO NOT** want to show the operators item.  I'm disabling it in javascript with:

Yet the DOM is still being created.  What's worse, is when my view changes to another page (using Angular) and the grids Angular Controllers are being destroyed, etc., all these DOM elements remain...they are never being removed or cleaned out.

Furthermore, I'm using a Kendo Grid as tooltip/hover/popup with **2** columns.  Every time the user hovers to display the tooltip, it's creating another TWO <div class=k-list-container> div for the columns where again, I'm setting showOperators = false.  The issue is that if the user displays the tooltip say 10 or 20 times during their use of the webapp, I've not got 40 extra DOM elements that are never used AND never removed or cleaned up.

Can anyone explain what's going on here? How can I clean up the DOM?  How can i prevent the creation of these elements?  Is it an issue with the Kendo Angular directive not correctly removing the Operators list element from the DOM when the directive/controller is destroyed by angular?

Could you point me to an example of using SVG icons in TreeView? I could not find it in the online TreeView demo.

Hey,

I use a grid with a filter row.
Lets say I have 3 columns, each column has the default autocomplete filter.

Once the grid loads, I filter the grid by the #1 column.
As soon as I type, the grid triggers a 'read' to the datasource to fetch the data (even though it already has all the data it needs).
Once done, I can filter as much as I want locally.
When I move to the #2 and #3 filters, the same happens.

Each filter triggers the 'read' on the datasource for the first time it's being used.

Would appreciate the help to figure this out.

Hi
  This seems like such a simple thing but I can't find out how to get this working

I have a view, data-zoom="true", containing a long image. I just want it to zoom out when the view opens such that it contains the full width of the image, the height is small in comparison.

I've tried things like

var scroller = $("#detailSection").data("kendoMobileView").scroller;
scroller.zoomOut();

(this actually zooms in)

and trying to get the -webkit-transform

//var scroll = scroller.scrollElement.css("-webkit-transform");

but no avail. 

Is there a simple way of doing this? It must be a common request

thanks

Hello, our team needs gantt control, I looked many libraries but Kendo UI it's more then only one gantt and i stopped on it.
I looked all examples and all documentations for it, but not found setting template or some other customizations for task viewing. For example we need task with 2 parts : 1 - planned time and  2 - time for risks, every part must have different colors. How I can do it.?