I upgraded my application to 2024.4.1112 and now my fonts are small and some of my buttons are left justified instead of right justified.

I am including before and after pictures.

Can someone assist with this issue?

Thanks.

Hi,

I have a Kendo grid as below. On Click of a custom toolbar button(Edit) I want to enable all the rows of the grid.

1. When the user clicks on Edit button it should enable all the rows to edit mode.

2. The Edit button text should change to Update on click of Edit button.

3. Then user change the rows and select the checkbox, and click on the update button, then only the selected checked rows will send to server for update.

Please help me find the above requirements solutions.

Dear Forum,

please help me. So i want to upgrade an old Kendo MVC application, Kendo version 2016.2.504 MVC. I downloaded the newest 2024.4.1112.Trial before i pay the new. I want to see what is working and what is not working. After the updating (Kendo.Mvc.dll) and the static JS and CSS comes this error, when i started the software the error comes the CSHTML side:

System.NullReferenceException: 'Object reference not set to an instance of an object.'

at Kendo.Mvc.Licensing.GetLicenseMessage()
   at Kendo.Mvc.UI.WidgetBase.WriteTrialMessage(HtmlTextWriter writer)
   at Kendo.Mvc.UI.WidgetBase.ToHtmlString()
   at System.Web.WebPages.WebPageBase.Write(Object value)

Why? What can I do with this error? How to find the right solution. I tested this newest version of Kendo.MVC.dll and JS and CSS with a new empty ASP MVC 4.8 project and working.

Hi,

My requirement is on click of any delete button it should delete all the rows based on Allocation Date.

Suppose if the user clicks on 1st row delete button then for the Allocation Date 10/31/2024, it has two records so it should delete the first two rows.

The below method calls on click of delete button. The server side code deletes the first two rows based on the Allocation Date , but the 

below DeleteRecord method only remove one row and sync the grid. It won't remove the 2nd row till we have to refresh the browser.

function DeleteRecord(e) {
    var grid = '';
    var tr = $(e.target).closest("tr"); //get the row for deletion
    var data = this.dataItem(tr);
    var confirmDialog = $('<div />').kendoConfirm({
        content: "Are you sure want to delete this record? This will delete all records for the selected Allocation Date",
        title: "Please confirm"
    }).data('kendoConfirm').open();
    
    confirmDialog.result.then(function () {
        
        grid = $("#TLPCurveAllocationsGrid").data("kendoGrid");
        grid.dataSource.remove(data);  //prepare a "destroy" request
        grid.dataSource.sync();  //actually send the request (might be ommited if the autoSync option is enabled in the dataSource)
        $("#TLPCurveAllocationsGrid").data("kendoGrid").dataSource.read();
    }, function () {
        //do nothing
    });   
}

Hi,

I have a requirement of validation in server side. During adding a new record and update few old records in Kendo Grid and click on Save button it calls the Create and Update method asynchronously. But when i am adding a new record based on its value i need to validate in update method.

But when click on Save button i calls the Create and Update method asynchronously so my validations doesn't work as expected.

Can we run the Create and Update method synchronously one after another when i am adding a new row and update few old row values and click on Save button.

Hi,

I have a custom Command  delete button, I wanted to disable this button.

I tried the below code, but its disable pagination hyperlink numbers also.

 $(".k-button").addClass("k-disabled");

(edit: I didn't initially realize this was being posted in the UI for jQuery forum and have since duplicated in the .net core forum - feel free to remove this one if deemed inappropriate for this forum)

I'm just starting to catalog the issues list, but I'm immediately noticing that any markup passed to non-template areas has ceased rendering.

For example:

<div class="demo-section">
    @(Html.Kendo().Switch()
                .Name("switch")
                .Messages(c => c.Checked("<span>YES</span>").Unchecked("<span>NO</span>"))
    )
</div>

used to render the markup vs displaying the markup text. Now it spits it out.

I have used similar techniques in Grid commands as well, which are all also broken. Basic custom commands I can work around by using the .Template option instead of .Text, but for an Edit's UpdateText and CancelText, I cannot find a workaround that isn't completely unbearable to manage at anything remotely near scale.

Is there a workaround or option to re-enable rendering HTML in these places I am simply not seeing? 

Also, this feels like a pretty significant change to bury inside of a generic "rendering mismatch" (which may not even be referring to this, but I cannot find anything in the breaking changes mentioning something like this change). If there's not an effective way to get back to this functionality, it's going to potentially cost me days/weeks to find a tenable solution.

I have a Kendo grid and in the Create method, I want to do some server side validation and the response I want to show to the user if validation is true or false. 

In the below code CreateTLPCurveAllocations is an MVC action method which is having return type as void.

How to use the CreateTLPCurveAllocations  method with return type, so that I can show that return value/ message to the user.

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

    .Name("TLPCurveAllocationsGrid")
    .DataSource(datasource => datasource.Ajax().Read(read => read.Action("GetTLPCurveAllocations", "DataMgmt")))
        .Columns(columns =>
        {
        columns.Bound(p => p.AllocationDate).Editable("EditFieldsForNewRec").Format("{0:MM/dd/yyyy}").Title("Allocation Date").Width(90).HeaderHtmlAttributes(new { style = "justify-content:center" }).HtmlAttributes(new { style = "text-align: right" });
        columns.Bound(p => p.CurveDetails).Editable("EditFieldsForNewRec").ClientTemplate("#=getCurveName(data)#").Title("Curve").Width(100).HeaderHtmlAttributes(new { style = "justify-content:center" }).HtmlAttributes(new { style = "text-align: right" });
        columns.Bound(p => p.Allocation).Editable("EditAllocation").Title("Allocation").Width(100).HeaderHtmlAttributes(new { style = "justify-content:center" }).HtmlAttributes(new { style = "text-align:right" });
        })
    .ToolBar(toolbar =>
    {
        toolbar.Create();
        toolbar.Save();                    
    })
    .HtmlAttributes(new { style = "height: 400px;width:97%" })
    .Editable(editable => editable.Mode(GridEditMode.InCell))
    .Pageable()
    .Navigatable()
    .Filterable()
    .Scrollable()
    .DataSource(dataSource => dataSource
    .Ajax()
    .Batch(true)
    .PageSize(5)
    .ServerOperation(false)
    .Model(model =>
    {
        model.Id(p => p.AllocationDate);
        model.Field(p => p.CurveDetails).DefaultValue(ViewData["CurveDetails"] as CurveDetails);
    })
    .Create("CreateTLPCurveAllocations", "DataMgmt")
    .Update("UpdateTLPCurveAllocations", "DataMgmt")
    )
    )