I am simply trying to find out how we can customize the header on the editor template. I have a Schedulers with a custom editor defined but I do not want the default "Event" text in the header and cannot find in the documentation where I can specify this ..

Thanks,
AJ

I'm initializing tool tips for anchor tags that have a help data attribute like this:

contentContainer.kendoTooltip({
    filter: 'a[data-help]',
    showOn: 'mouseenter',
    content: function(evt) {
      return $('<div/>').text(evt.target.data('help')).html();
    }
  });

When I hover over an anchor tag that has a help data attribute, I see a tool tip that appears to be sized to hold the content. When I then hover over a different anchor tag that has a help data attribute, the tool tip displays at the same size...it does not scale to fit the content. Consequently, if the first tool tip only displays a few words, and the next tooltip displays a paragraph, the paragraph is forced into a skinny tooltip that makes it hard to read. Is there a way to tell the tooltip to auto scale based on the content it receives?

Hello,

I am building my own series based out of JSON data. I am creating multiple series in same Axis. 

I am binding series using for loop. I am giving series as below. 

 series: [{              
                data: Series[0],
                name: "Name",
                field: "Id",
                
            },
            {
                data: Series[1],
              name: "Email",
                field: "Id",
            }]

For each series I am giving Series[0], Series[1], Series[2] and so on. Is there any way, we can use for loop in series based on count of Series[i]

Hi,
After updating to the Q3'14 release, the grid's filter row looks messed up. It looked like a cached CSS issue, but that does not seem to be the case. I was using the beta release before this without any issues.

See attached screenshot.

Thanks,

When a new node is appended to root, the HierarchicalDataSource correctly calls my remote CREATE method:


However, when the node is appended to a parent node, no call is ever made to the remote server but the node is visually appended.  



I haven't found any example or documentation that shows how to do this 'correctly'.  Please advise!

Hello,

I'm currently working on a project that requires each column in the kendo grid to contain a filter cell which will filter the rows using either the "contains" operator or wildcards. Essentially, I just need to add the option to search with wildcards instead of the "contains" logic when the application detects a wildcard in any of the column filter cells. I have attached a screenshot and example of my code for the page that is currently running the kendo grid. Everything is pretty much functioning as I need it except for the ability to filter by wildcards. Can you please point me in the direction to some examples of custom filtering that would help me add this functionality? Please let me know if you need any more information.

Thank you,

John

Code for MVC .cshtml page running kendo grid:


<div>
    @(Html.Kendo().Grid<Site>()
          .Name("SiteListGrid")
          .Columns(columns =>
          {
              columns.Bound(site => site.ReportId).Title("Report #").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false).InputWidth(65))).Width(85);
              columns.Bound(site => site.ClientName).Title("Client")
                  .Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Width(110);
              columns.Bound(site => site.Year).Format("{0:yyyy}").Title("Year").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false).InputWidth(80))).Width(100);
              columns.Bound(site => site.RegionName).Title("Region").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Width(150);
              columns.Bound(site => site.MarketName).Title("Market").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Width(150);
              columns.Bound(site => site.SurveyTypeName).Title("Survey Type").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Width(150);
              columns.Bound(site => site.OpsReportName).Title("Ops Report Name").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Width(150);
              columns.Bound(site => site.ClientReportName).Title("Client Report Name").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Width(150);
              columns.Bound(site => site.Created).Title("Created mm/dd/yy").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Width(150);
              columns.Bound(site => site.Modified).Title("Modified mm/dd/yy").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Width(150);
              columns.Bound(site => site.NumberOfUsers).Title("# of Users").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false).InputWidth(80))).Width(100);
              columns.Bound(site => site.SiteStatus).Title("Site Status").Filterable(ftb => ftb.Enabled(false)).Width(120);
              columns.Bound(site => site.SiteId).ClientTemplate(
                  "<a href='/Site/Edit/#=SiteId#' type='icon' class='k-icon k-i-pencil' title='Edit' style='padding-right:2px'></a>" +
                  "<a href='/Site/Configure/#=SiteId#' type='icon' class='k-icon k-i-custom' title='Configure' style='padding-right:2px'></a>" +
                  "<a href='/Site/Copy/#=SiteId#' type='icon' class='k-icon k-i-search' title='View' style='padding-right:2px'></a>" +
                  "<a href='/Site/Copy/#=SiteId#' type='icon' class='k-icon k-i-restore' title='Copy' style='padding-right:2px'></a>"
                  ).Title("").Filterable(false).Width(100);
          })
          .Scrollable()
          .Pageable(pageable => pageable
              .Refresh(true)
              .PageSizes(new[] { 25, 50, 100 })
              .ButtonCount(5)
              .PreviousNext(false))
          .HtmlAttributes(new { style = "height: 680px;" })
          .Sortable()
          .Filterable(ftb => ftb.Mode(GridFilterMode.Row))
          .DataSource(dataSource => dataSource
              .Ajax()
              .Read(read => read.Action("SiteList_Read", "Site"))
              .PageSize(50)
          ))
</div>

<script type="text/javascript">
    $(document).ready(function () {
        var grid = $("#SiteListGrid").data("kendoGrid");

        // Apply "All" pageSize item to initial (bottom) pager toolbar
        addAllItemsSelectItem(grid);

        var wrapper = $('<div class="k-pager-wrap k-grid-pager pagerTop"/>').insertBefore(grid.element.children(".k-grid-header"));
        grid.pagerTop = new kendo.ui.Pager(wrapper, $.extend({}, grid.options.pageable, { dataSource: grid.dataSource }));
        grid.element.height("").find(".pagerTop").css("border-width", "0 0 1px 0");

        // Apply "All" pageSize item to top pager toolbar
        addAllItemsSelectItem(grid);
    });

    function addAllItemsSelectItem(grid) {
        var pageSizeDropDown = grid.element.find("select").data("kendoDropDownList");
        pageSizeDropDown.dataSource.add({ text: "All", value: 1000000 });
        pageSizeDropDown.valueTemplate = function (e) {
            if (e.value === "1000000") {
                return "All";
            } else {
                return e.text;
            }
        };
    }
</script>

I'm very new to kendo ui, searched the forum but could not find a definitive answer.

I have several grids that have to show DateTime values in the following Format:

2012-10-07 16:16:35   (YYYY-MM-DD hh:mm:ss)

The date/time should be editable, sortable and filterable in the grid.

The value should be passed through json datasource to/from the server (I have control over both the client and the server part).

So far, if I declare a field as "date" in the datasource, the filter works correctly but I loose the time part of the information in the grid.
If I use string then I cannot filter correctly.

Server side code preferably in python - or an example of a working JSON string would be nice.
Maybe also an example that does use date AND time in the demos.

Regards
Erwin

Following http://www.telerik.com/forums/miscellaneous-issues-with-kendo-ui-drag-and-drop, I have tried doing it a different way (although I have yet no idea how I will implement resize en rotate using this track).

See Telerik dojo at http://dojo.telerik.com/Oqipe.

This dojo solves the issues in my previous thread but introduces 2 new issues:

1. When dropping the orange square, it shifts about 5px right and bottom. Any idea why since I copy the position of the hint?
2. When dropping the orange square close to any edge of the container, it reverts to its original position. Again, any idea why and how to sort it out?

Thx.

Hi, my question is very simple... How can i bind the focus event in a text field or any other control using MVVM?

I tried it using this way but it didn't work



Thanks in advanced

Hi,

I have a TreeView in my application that needs to be rebuilt on request, but on the first attempt to recreate it fails, with the "loading..." message displayed permanently;

A simple Fiddle to show the problem is at http://jsfiddle.net/Cantabrigian/vtmx15tm/4/     


Clicking the "Make it button" makes the TreeView appear as expected, but if you press it again it just says "Loading.."; clicking the button a third time makes it appear correctly, and so on.  

(Of course in my app the content of the TV may be different each time.)

What do I need to do to make it reload correctly? Do I need to destroy the old version first somehow?

Thanks,
Andrew