Hello, 

I'm trying to implement kendo ui Scheduler . 

But I realised that when I have many event in the same day I could see only two evenets and the others are collapsed on three point. And when I click on the point it redirect me to day view to see all the planned events.

I really want to remove the day view and let only Month and agenda View. It is possible to modify the code so when I click on the three point it redirect me to the agenda wiew or could the month view be resized dynamically depending on the number of the events ? 

I tried to modify the CSS of the schudeler , but I didn't like the result 

I just learn the below demo to present dynamic columns and data.

http://jsfiddle.net/darrenarbell/4HTEr/

I am facing the problem if i want to do the cell onchange event how could i implement ?

For example,

First row Column 0 value is 2,i edit to change value to 3, i want column 1,2,3,4 cell value all add+1.

I don't know where could i add onchange event to ?

Deeply appreciated your help  thanks.

I have this grid that has a hidden column that is hidden on Load.

<div class="row">

            <div class="blanktable references" style="padding: 5px; border: 1px solid rgb(211, 211, 211); border-image: none;">

                @(Html.Kendo().Grid<Something>()

                      .Name("Something ")

                      .Selectable(builder => builder.Mode(GridSelectionMode.Multiple).Enabled(false))

                      .ClientRowTemplate(Html.Partial("Something ").ToHtmlString())

                      .TableHtmlAttributes(new { @class = "table table-stripped" })

                      .Scrollable(scrollable => scrollable.Height(100).Enabled(true))

                      .Columns(columns =>

                      {

                          columns.Bound(h => h.IsSelected)

                              .Sortable(false)

                              .Filterable(false)

                              .Title(string.Empty).Template(@<text></text>).HeaderTemplate("<input type='checkbox' id='Something' onchange=' Something (this)' />").Width(80).Hidden(true);

                          columns.Bound(h => h. Something).Title("Partner type").Width(120);

                          columns.Bound(h => h. Something).Title("Date").Width(120);

                          columns.Bound(h => h. Something).Title("Name");

                      })

                      .Events(e => e.DataBound("Something").Change("Something "))

                      )

            </div>

        </div>

The resulting table is in file 1.

When I click on the edit button, I show the column

$(`#${grid}`).data("kendoGrid").showColumn(0);

And then I had this html to each row

<td><input type="checkbox" class="checkbox" id= " Something " onchange= " Something (this); SomethingElse(this)" /></td>

And I get the grid on file 2.

For some reason the, the HeaderTemplate is not shown.

I have a grid elsewhere with the same column, except that it is not hidden on load and it works fine.

This is the other grid

    @(Html.Kendo().Grid< Something >()

      .Name("Something ")

      .Deferred()

      .AutoBind(false)

      .ClientRowTemplate(Html.Partial("Something ").ToHtmlString())

      .TableHtmlAttributes(new { @class = "table table-stripped" })

      .Events(e => e.DataBound("Something "))

      .Resizable(res => res.Columns(true))

      .Columns(columns =>

      {

          columns.Bound(e => e.IsSelected)

              .Sortable(false)

              .Filterable(false)

              .Title(string.Empty).Template(@<text></text>).HeaderTemplate("<input type='checkbox' id= Something onchange= Something (this)' />");

…

          columns.Bound(e => e. Something)

              .Title("Bundle")

              .Sortable(false)

              .Filterable(false);

          columns.Bound(e => e.LastComment)

              .Sortable(false);

      })

      .Filterable()

      .Sortable()

      .Selectable()

      .Pageable(x =>

      {

          x.ButtonCount(3);

          x.Enabled(true);

          x.PageSizes(new[] { "5", "10", "20", "30" });

          x.Refresh(true);

      })

    .DataSource(dataSource => dataSource

        .Ajax()

        .Read(read => read.Action("Something ", " Something ").Data("Something "))

        .ServerOperation(true)

              )

    )

This is the result html of the column in the grid where it works

<th class="k-header" scope="col" data-title="" data-index="0" data-field="IsSelected"><input id=" Something " onchange=" Something (this)" type="checkbox"></th>

And this is the other html

<th class="k-header" id="97dafba3-0cf9-420b-9104-d51ab36d924b" role="columnheader" aria-haspopup="true" rowspan="1" scope="col" data-title="" data-index="0" data-field="IsSelected">IsSelected</th>

Hi,

We are using the custom visual in order to display circles in our legend.

I'm wondering, is there a way to increase padding between each item?  I've adjusted the 'spacing' - but that only controls space between the circle and the label.  I want to adjust space between each item.

Like this:   o Series 1                 o Series 2                 o Series 3

http://dojo.telerik.com/iliGOJ/7

Any suggestions?

Hi,
I have a JSON data coming from a webapi  from the table which is displayed in the below format

Team                        1             2          3            4         5
Series1                     100     200      300         50       10
Series2                      50        250       300      340      20 
Series3                     40      200       300       400       30
Series4                      30         50        70       80           90
Series5                        20        0          5          0            0

I need to display a column bar chart  in the format attached below. 

Above team 1 2 3 4 5 are column headers in the sql table

I need to display data in the below format. Please help me.