How to remove all default CSS styles coming with auto complete for the input field? I prefer to use my own.

I've found what seems to be a bug when combining a rowTemplate , columnMenu: true and sortable: true.

In the demo below, hide the Country column and then sort by the ID column. After the sort, some of the cells are not staying hidden! Am I doing something wrong?

http://trykendoui.telerik.com/@esorenson/UsOp

I'd appreciate any help!

Hi

I have a grid set with editable mode "incell". I have a create button at the top of the grid in the toolbar. When I create a new record, I'd like to initialize the values (i.e. provide defaults) of the new record.

I have tried setting the values of the model in the edit event using:


Although this presets the value when I activate the field editors by tabbing to these fields, it does not display the value until the cell editor is displayed. This is confusing for the user.

I've also tried setting the text value of the new row's <td> attribute using:

This sets the value as desired but for some reason renders the cell un-editable!

How can I provide defaults for the new record the user is creating?

Thanks

Hi,

How can we display hourly recurrence? Lets say we have a event which executes in every 4 hours. How can we achieve this?

Hello all,

I tried to change the color of the shapes by code, but I tried 10 different things and non of them are working.
The diagramm has a visualTemplate! Without this template it works.

The color is "blue" for all shapes, and is not changing!!

Here are the code snippet! Everything is experimental so do not comment the code ^^

 var diagram = $("#diagram").kendoDiagram().data("kendoDiagram");

  

    var visualTemplate = function(options) {
        var dataviz = kendo.dataviz,
        dataItem = options.dataItem;

        var g = new dataviz.diagram.Group({
            autoSize: true
        });

        g.append(new dataviz.diagram.Rectangle({
            width: SHAPE_WIDTH,
            height: SHAPE_HEIGHT,
            background: "blue"
        }));

        g.append(new dataviz.diagram.TextBlock({
            text: dataItem.title,
            x: 40,
            y: 110,
            color: "#fff",
            fontSize: 52
        }));
        return g;
    };

    var data = [{
        title: "Folienabsauger",
        colorScheme: "#1696d3"
}];

        var thediagramm = $("#diagram").kendoDiagram({
            dataSource: new kendo.data.HierarchicalDataSource({
                data: data
            }),
            shapeDefaults: {
                visual: visualTemplate
            }
        });

        var diagram = $("#diagram").data("kendoDiagram");
      

        var dataItem = diagram.dataSource.insert(0, {
            title: "TEST!" + i,
            colorScheme: "#FF0000"
        });

      
        var curRow = 0;
        var curCol = 0;

        var diagram2 = $("#diagram").getKendoDiagram();

        for (var i = 0; i < diagram.shapes.length; i++) {
            curRow = Math.floor(i / ROWS);
            curCol = i % COL;
            prevShape = diagram.shapes[i - 1];
            shape = diagram.shapes[i];
            shape.position({ x: X_OFFSET + SHAPE_WIDTH * curCol + X_Seperator * curCol, y: Y_OFFSET + SHAPE_HEIGHT * curRow + Y_Seperator * curRow });
            var options = {
                background: "#00FF00",
                stroke: {
                    color: "#00FF00",
                    width: 12
                },
                visual: []
            }
            shape.options.dataItem.colorScheme = "red";
            shape.redraw(options);
            diagram2.shapes[0].options.visual = [];
        }

Hello,

We have ASP.NET AJAX Intranet web application running on production. We would like to use Kendo UI for new development. Is it possible to use Kendo UI with existing application? Please let me know if there are any tutorials or links to move forward.

thank you.

Hi, I think I found a small problem with the validator and the date picker and thought I'd give you the heads up.
It seems like when you add a required (although I think any rule would be the same) attribute to a datepicker, the validation message overlaps with the calendar icon of the datepicker.

Cheers,
Andrés

Hi
Im using your datepicker
But it is American date = mmddyy
I need ddmmyy 

I have a listview which shows arrow image on right to show detail.

------------------------------
Item 1                           >
------------------------------
Item 2                          >
------------------------------

I have defined template to add link as following:
<script id="hierarchicalLevelListViewTemplate" type="text/x-kendo-template">
        # if (haschildren) { #
        # var ecodedURI = '\\#level-view?levelId=' + levelId   + '&id=' + id  #
        <a href="#:ecodedURI#" data-transition="slide:left">
            #: Desc # 
        </a>
        # } else { #
        #: Desc #
        # } #
    </script>

Everything works fine. Now, I want to add a button to the listview as shown below:
------------------------------
Item 1                           >
(button)
------------------------------
Item 2 
(Button)                         >
------------------------------

What happens is, after adding button, the right arrow dissappear and both button and text becomes a link(are underlined).

Can you please help me to implement this. Will appreciate if you point me to a working sample.


Thanks!

I want to fill a grid with a complex json returned from a webservice. My json contains two things:

 - data: array with the records that will fill the grid
 - columns: array with the config(layout) of the grid

I have successfully filled the grid with the "data" by specifying the schema.data.

My problem is with the grid config (layout). I get the columns array on the `requestEnd` event of the datasource and i add it to the `customersSource` (datasource) so i can access it in the gridOptions. 

The problem is that even though when i log the `customersSource` object i see that the cols array i added, is there and is filled with the proper data the `$scope.mainGridOptions.columns` isn't set to `customersSource.cols`.

I think that this may have to do with the fact that `customersSource.cols` is set asynchronously but shouldn't angular take care of this with it's databinding?

Also i have read in Data source vs. Angular that i may have to set something as Observable but i am confused of what to do exactly.

How can i fix this?

Here is my code


Here is my JSON

I created a plunker of my testing project. As you can see i can fill the grid but i have a problem with the mainGridOptions.columns. Any help will be much appreciated!
http://plnkr.co/edit/5pjFQGkgTivqVkxsFBse