When using the MVVM value binding with the DropDownTree, pressing the X button to clear the selection does not clear the bound field in the viewmodel.  If the DropDownTree is configured with valuePrimitive=true, then the VM bound field is completely unchanged  If the DropDownTree is configured with valuePrimitive=false, then the VM bound field is set to the string value of the prior selection's ID.

So my present workaround is to use valuePrimitive=false and if the VM bound field ends up being a string instead of an object, then treat it as null instead.  This adds a bunch of extra and ugly code to my app - is there any way to get the widget to simply set the bound VM field to null when the user clicks the X?

Hi !

I am trying to build a quick proof of concept here: http://dojo.telerik.com/@glajman/aQeTILaY/4

I need to sort the columns by Category, in this case all red Columns together, all blue columns together, etc. In other words, I need all of the same series values rendered together next to each other.  I am attaching a screenshot of how I want this to look.

I created a Data Source and tried sorting and grouping but none worked. Can you help ?

Thanks!

Hi , I'd like to know if there's a way to set the height of the plot area and if not is there a way to get the height of the plot area on the chart. I need the height of the plot area but am unsure how to get it. 

I've looked at https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/plotarea and haven't found how to get or set the plot area height.

Hi,

I would like to ask if it is possible to move the grid pager to the right, and also rearrange the “1-1 of items” message as the first element in the pager with just CSS?

How I want it to show:

I can structure the pager to the right with this line of Javascript code ,

$('.k-pager-info').insertBefore('.k-grid-pager .k-link:first');

But I would prefer a solution with only CSS and no Javascript.

Thank you.

Hi,

I have a question regarding Gantt chart performance, when having large amount of data. I expect that my Gantt chart will have ~10.000 rows minimum, but I am starting to face some performance issues  with this amount of data.  The widget becomes laggy and responses to user actions with a delay.

So my question is what is the maximum row count that Gantt supports?  Maybe I've reached it? 

Thank you)

Hi,

I found errors in the Dutch translation messages for the pager, more specifically in the 'page', 'allPages' and 'morePages' messages. The correct message object for Dutch is:

}

I'm a native Dutch technical translator by trade, so I think I know what I'm talking about ;-)

Also the 'morePages' message isn´t mentioned in the Pager documentation.

Best regards,

Henk

Hi ,

we are using kendo grid for asp.net mvc. It has multiple rows with button for expand (Each having separate detail rows).  Now when i click on each header (master row) row expand button it will display all detail rows below it and last row is a button saying 'Add Respondent' which will open a search window and pickup a row and it gets added to the bottom of the child rows.    Now the question is i want to hide any  previously expanded master rows EXCEPT this master row (along with child rows)  i expanded and the newly added child row should be displayed along with other children of the expanded master row.

see below when click on 'Add Respondent' it will add a new child row, to the list, but only this detail list should stay in expanded and upper detail list/grid should be collapsed  ( if any other detailed child rows)

I am using TreeList to edit hierarchical data.  I have to use Custom Edit template to create/edit rows. But new row disappears after clicking on Update button in Popup window.  I have to refresh page to see new rows. What am I doing wrong? 

@(Html.Kendo().TreeList<Models.FlowItemModel>()
    .Name("treelist")
    .Toolbar(toolbar => toolbar.Create())
    .Columns(columns =>
    {
        columns.Add().Field(e => e.FieldType).Width(200).Title("Type");
        columns.Add().Field(e => e.FieldLabel);
        columns.Add().Field(f => f.LineNumber).Width(100).Title("#");
        columns.Add().Field(e => e.DropdownValues).Width(150).Title("DropDown");
        columns.Add().Width(350).Command(c =>
        {
            c.CreateChild().Text("Add child");
            c.Edit();
            c.Destroy();
        });
    })
    .Editable(editable => editable.Move(move => move.Reorderable(true)))
    .Editable(e => e.Mode("popup").TemplateName("CustomTreeListPopup"))
    .Filterable()
    .Sortable()
    .DataSource(dataSource => dataSource
        .Create(create => create.Action("CreateFlowItem", "Configurator").Data("getConfiguration"))
        .Read(read => read.Action("GetFlowItems", "Configurator").Data("getSelectedFlowItem"))
        .Update(update => update.Action("UpdateFlowItem", "Configurator").Data("getConfiguration"))
        .Destroy(delete => delete.Action("DeleteFlowItem", "Configurator"))
        .Model(m =>
        {
            m.Id(f => f.Id);
            m.ParentId(f => f.ParentId).Nullable(true);
            m.Field(f => f.LineNumber);
            m.Field(f => f.FieldLabel);
            m.Field(f => f.FieldType);
        })
    )
    .Events(events =>
     {
         events.DragEnd("onDragEnd");
     })
)

CustomTreeListPopup:

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, Kendo.Mvc
@using Kendo.Mvc.UI
@model Web.Models.FlowItemModel

<div class="k-edit-form-container">
    <h5>Flow Item</h5>
    <br />
    @Html.HiddenFor(model => model.Id, new { @id = "edit_Id", @Name = "edit_Id" })
    @Html.HiddenFor(model => model.ParentId, new { @id = "edit_ParentId", @Name = "edit_ParentId" })
    <div class="editor-label">
        @Html.LabelFor(model => model.FieldLabel)
    </div>
    <div class="k-edit-field">
        @Html.EditorFor(model => model.FieldLabel)
        @Html.ValidationMessageFor(model => model.FieldLabel)
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.FieldType)
    </div>
    <div class="k-edit-field">
        @(Html.Kendo().DropDownListFor(model => model.FieldType)
            .HtmlAttributes(new { style = "width:100%" })
            .AutoBind(false)
            .DataSource(source =>
            {
                source.Read(read =>
                {
                    read.Action("GetFieldTypes", "Configurator");
                });
            })
            )
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.DropdownValues)
    </div>
    <div class="k-edit-field">
        @Html.EditorFor(model => model.DropdownValues)
        @Html.ValidationMessageFor(model => model.DropdownValues)
    </div>
</div>

Dear team,

We upgraded kendo version from  Kendo UI v2015.1.429 to Kendo UI v2022.2.510. In the upgraded version we are having small ui presentation issuein chart legends. find the below screens ,and we want as square shape legends. Please suggest any way to resolve this issue.

Regards,  Appreciate your support.