Hi, I copied the gantt chart demo from the link below. I do not receive any errors but nothing shows in the timeline. Any idea what I am doing wrong? thank you 

ui-for-aspnet-core-examples/Telerik.Examples.RazorPages/Telerik.Examples.RazorPages/Pages/Gantt/GanttIndex.cshtml at master · telerik/ui-for-aspnet-core-examples · GitHub

How do use the Loader as a Loading Container so it covers the whole UI with a transparent overlay 

@(Html.Kendo().Loader()
    .Name("loader")
    .Size(LoaderSize.Large)
    .Type(LoaderType.ConvergingSpinner)
    )

Hi,

Does the Tile Layout support changing the columns as the screen reduces in size. For example, drop from 4 to 3 then 2 and finally 1 column?

Thanks,

Euan

In a popup template I am attempting to format decimal field to 

• insert commas in the appropriate places
• show 2 decimal places
• show a $ sign when not editing the field.

I have the field decorated as follows

[DisplayName("Amount in $")]
[DisplayFormat(ApplyFormatInEditMode = false, DataFormatString = "{0:C2}")] 
public decimal? CollateralAmount { get; set; }

I have tried 2 different approaches.

The below code does not give me any of the 3 things I need

<forminput asp-for="CollateralAmount" asp-format="{0:C2}"></forminput>

The below code gives me a text box with spinners that provides the decimal places I need and the commas in the correct place but I do not want spinners and it does not put a $ sign in when I am not editing the field.

<input type="number" class="currency" name="CollateralAmount" data-type="currency" data-bind="value:CollateralAmount" data-role="numerictextbox" />

Hi, I tried a lot of things and code i found here in the forum and in the documentations, but everything i found is for Jquery and it isnt working for .net core.

I have some checbkox to filter and show/hide the resources of my scheduler. The filtering is working, but i cant hide/show the selected/unselected resources.

Until the line 'scheduler.dataSource.filter(filter);' all is working fine, filtering the events. But i dont want to have the columns of the resources that arent selected... I found in a lot of topics that for that, i need the line 'scheduler.view(scheduler.view().name)' but is not working.

I found that for filter the datasource some people use 'scheduler.resources[0].dataSource.filter(filter);' but is not working for me, im using 'scheduler.dataSource.filter(filter)'.

How could i get that functionality? I need it... because i have a lot of 'medicos' resources and is impossible to visualize the scheduler with all.. i only need the selected ones.

Thanks in advance!

$("#medicosCheck :checkbox").change(function (e) {
    var checked = $.map($("#medicosCheck :checked"), function (checkbox) {
        return parseInt($(checkbox).val());
    });

    var filter = {
        logic: "or",
        filters: $.map(checked, function (value) {
            return {
                operator: "eq",
                field: "IdMedico",
                value: value
            };
        })
    };

    var scheduler = $("#citas").data("kendoScheduler");
    scheduler.dataSource.filter(filter);
    //scheduler.view(scheduler.view().name);
});

Hi,

Documentation page link not working:

https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/tilelayout?_gl=1*y89bt3*_gcl_aw*R0NMLjE3NDEwMDc5MzguQ2p3S0NBaUF3NVctQmhBaEVpd0FwdjRnb0JnbnlueS1qWmJjWENnNXVoMGdMcDJ6ZnZFcXQyWTNKem1YR2Y2aWNzakI3MWVnUzRVcnRSb0MyYUVRQXZEX0J3RQ..*_gcl_dc*R0NMLjE3NDEwMDc5MzguQ2p3S0NBaUF3NVctQmhBaEVpd0FwdjRnb0JnbnlueS1qWmJjWENnNXVoMGdMcDJ6ZnZFcXQyWTNKem1YR2Y2aWNzakI3MWVnUzRVcnRSb0MyYUVRQXZEX0J3RQ..*_gcl_au*OTUwNzEzNzE2LjE3NDE2MDE4MzU.*_ga*Mjk0NDM0NzQ4LjE2ODk2Njg4MTI.*_ga_9JSNBCSF54*MTc0MjM3NDQ2MC4xNTQuMS4xNzQyMzc0NTQ5LjMyLjAuMA..

I am getting loading error when using aspnet Core grid with dynamic columns and Filterable option. The grid is loading fine when the Filterable option is not configured. Also, events are not working properly. I am using 2024.4.1112 version.

Here is sample code

I am encountering an issue while integrating a Kendo Grid within a TabStrip. Whenever I attempt to add the Grid, I receive the attached error(image.png) in the browser console:  Uncaught Error: Invalid template.

Below is the code I am trying to put inside TabStrip. Not sure Please let me know what the mistake I am doing. 

 <div id="divEquipmentDetailsGrid" >
     @(Html.Kendo().Grid<EPP.Core.DTOs.UserEqupmentDetailsDTO>(Model.UserEquipDetails)
                     .Name("EquipmentDetailsGrid")
                     .Columns(columns =>
                     {
                         columns.Bound(p => p.EquipmentName).Title("ss");
                         columns.Bound(p => p.AssertTag).Width(130).Title("tt");
                         columns.Bound(p => p.Accessories).Width(130).Title("rr");
                     })
                 )
 </div>

If I remove the above code I am able to see tabs and data inside the tabs but When I add above code, nothing is displaying and getting error.

I am attaching full code cshtml file.

I currently have the grid below. And I am trying to make a different popup for when someone is creating a new entry vs editing the existing one. Mainly to show different fields and such. How do I go about doing so?

Whether I click on the Create() on the AddNewRecord or the edit, it hits the Edit() event or BeforeEdit() when I switch to that so they end up calling the same Javascript function. And within that function I cant seem to find a way to determine which button was pressed. On here I can only find this reference: Custom Popup Editor for Create and Edit in UI for ASP.NET Core | Telerik Forums , but it doesnt use the same syntax.

                            <div id="minutesDiv">
                                @Html.Kendo().Grid(Model.MinutesList).Name("MinutesGrid").Size(ComponentSize.Small).Editable(GridEditMode.PopUp).Resizable(r => r.Columns(true)).ToolBar(x =>
                                     {
                                         x.Create();
                             }).Columns(col =>
                                     {
                                         col.Bound(c => c.MinuteDate).Title("Date Created").Width(100);
                                         col.Bound(c => c.CreatedBy).Title("Entered By").Width(200);
                                         col.Bound(c => c.Minute).Title("Minutes").Width(200);
                                         col.Command(c =>
                                         {
                                             c.Edit();
                                             c.Destroy();
                                         }).Width(170);
                                     }).Events(e => 
                                         {
                                             e.Edit("HideFieldsOnEdit");
                                         }).Sortable().DataSource(dataSource => dataSource
                                     .Ajax()
                                     .Read(r => r.Url("/Appearances/OutcomeInformation?handler=Read").Data("forgeryToken"))
                                     .Update(r => r.Url("/Appearances/OutcomeInformation?handler=Update").Data("forgeryToken"))
                                     .Create(r => r.Url("/Appearances/OutcomeInformation?handler=Create").Data("forgeryToken"))
                                     .Destroy(r => r.Url("/Appearances/OutcomeInformation?handler=Destroy").Data("forgeryToken"))
                                     .Model(model =>
                                     {
                                         model.Field(Field => Field.MinuteDate);
                                         model.Field(Field => Field.CreatedBy);
                                         model.Field(Field => Field.Minute);
                                     }))
                            </div>

                function HideFieldsOnEdit(e){
                    e.container.find("#MinuteID").hide();
                    e.container.find("label[for='MinuteID']").hide();
                    e.container.find("#CreatedBy").hide();
                    e.container.find("label[for='CreatedBy']").hide();
                    e.container.find("#MinuteDate").hide();
                    e.container.find("label[for='MinuteDate']").hide();   
                    e.container.find("#FileID").hide();
                    e.container.find("label[for='FileID']").hide();
                }

Environment Info: ASP for .Net Core, taghelper kendo-grid

I have defined a template for a kendo grid popup editor. 

<editable mode="popup" template-id="popup-editor">
    <editable-window title="Add/Edit Collateral"/>
</editable>

This is the template

@using Kendo.Mvc.UI

@addTagHelper *, Kendo.Mvc

@model MyApp.Web.ViewModels.MyViewModel

<div id="divEditImpliedSupport">
	<form method="post" id="frmImpliedSupport" asp-action="SaveImpliedSupport" asp-controller="ReviewApi">
		<input type="hidden" asp-for="CollateralID" />
		<div class="row">
			<div>
				<formgroup>
					<formlabel asp-for="CollateralDescription" ></formlabel>
					<div>
						<forminput asp-for="CollateralDescription" style="width:400px;"></forminput>
					</div>
				</formgroup>
			</div>
		</div>
	</form>
</div>

How do I set the size of the popup window?