Greetings,
I signed-up with for the Progress® Telerik® UI for ASP.NET Core
I believe is the Trial that I signed up for however, it doesn't indicate 'trial' in my account.
I'm able to download and generate keys.
However, neither of these packageID's are present in my Telerik feed.
Telerik.UI.for.Maui.Trial
Telerik.UI.for.AspNet.Core
How can I confirm my package ID for the trial? Where can I find this?
Thank you
When adding a PDFViewer component, I get this error:
jQuery.Deferred exception: mI is not a function TypeError: mI is not a function
at DV.loadDocument (http://localhost:56126/lib/kendo-ui/js/kendo.all.min.js:9:4666164)
at DV.loadFile (http://localhost:56126/lib/kendo-ui/js/kendo.all.min.js:9:4666007)
at new DV (http://localhost:56126/lib/kendo-ui/js/kendo.all.min.js:9:4660492)
at init._loadPdfJSDocument (http://localhost:56126/lib/kendo-ui/js/kendo.all.min.js:9:4725966)
at new init (http://localhost:56126/lib/kendo-ui/js/kendo.all.min.js:9:4710755)
at HTMLDivElement.<anonymous> (http://localhost:56126/lib/kendo-ui/js/kendo.all.min.js:9:66968)
at ce.each (http://localhost:56126/js/jquery-3.7.0.min.js:2:3129)
at ce.fn.init.each (http://localhost:56126/js/jquery-3.7.0.min.js:2:1594)
at e.fn.<computed> [as kendoPDFViewer] (http://localhost:56126/lib/kendo-ui/js/kendo.all.min.js:9:66944)
at HTMLDocument.<anonymous> (http://localhost:56126/MyFolder/MyPage?ticketid=11:703:100) undefined
Unable to find package Telerik.UI.for.AspNet.Core with version (>= 2021.3.1109)
- Found 1 version(s) in nuget.org [ Nearest version: 2016.3.914 ]
- Found 0 version(s) in Microsoft Visual Studio Offline Packages
Duplicate 'Content' items were included. The .NET SDK includes 'Content' items from your project directory by default. You can either remove these items from your project file, or set the 'EnableDefaultContentItems' property to 'false' if you want to explicitly include them in your project file. For more information, see https://aka.ms/sdkimplicititems. The duplicate items were: 'nlog.config'

Good afternoon,
Using the demo https://demos.telerik.com/aspnet-core/grid/custom-command edited in REPL I have added some extra columns and grouping, plus a custom command whose visibility is conditional.
When I make the grid scrollable and contained in a div whose class is "container" the custom command column is hidden at runtime.
Index.html:
<div class="container">
@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.EmployeeViewModel>()
.Name("Grid")
.Columns(columns => {
columns.Command(command => command.Custom("Close").Click("showDetails").Visible("colVisible"));
columns.Bound(e => e.Title);
columns.Group(group => group
.Title("Name")
.Columns(name => {
name.Bound(e => e.FirstName).Width(80);
name.Bound(e => e.LastName).Width(80);
})
);
columns.Bound(e => e.FirstName).Width(80);
columns.Bound(e => e.LastName).Width(80);
columns.Bound(e => e.Title).Width(250);
columns.Bound(e => e.FirstName).Width(80);
columns.Bound(e => e.LastName).Width(80);
columns.Bound(e => e.Title).Width(250);
})
.Size(ComponentSize.Small)
.Scrollable()
.Sortable()
.Resizable(resize => resize.Columns(true))
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("CustomCommand_Read", "Grid"))
)
)
</div>
@(Html.Kendo().Window().Name("Details")
.Title("Customer Details")
.Visible(false)
.Modal(true)
.Draggable(true)
.Width(300)
)
<script type="text/x-kendo-template" id="template">
<div id="details-container">
<h2>#= FirstName # #= LastName #</h2>
<em>#= Title #</em>
<dl>
<dt>City: #= City #</dt>
<dt>Address: #= Address #</dt>
</dl>
</div>
</script>Script.js:
function showDetails(e) {
e.preventDefault();
var detailsTemplate = kendo.template($("#template").html());
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
var wnd = $("#Details").data("kendoWindow");
wnd.content(detailsTemplate(dataItem));
wnd.center().open();
}
function colVisible(dataItem) {
var visible = dataItem.LastName == "Fuller";
return !visible;
}Is there a way to make the custom command appear? I guess that the width of the grid is being set by "container", I've predefined column widths of some of the columns, and it works out which columns appear before the visibility of the custom command is decided, so that appears behind the first Title column?
Kind regards,
Richard

I have a grid where I am using a custom grouping javascript event becuase one of the columns is using an editor template, when they group by that column, I want them to actually group by the hidden column containing the data for the column, not the ID.
When I drag the item to group it, the category name displays fine, having run through my javascript function.
But when I click the three dots and use the column menu, and select Group, it uses the ID instead, and you can see that is what it is grouped by in the header.
I suppose I could get around this by setting a custom group header for it? I'm just not sure why it's by passing my javascript.

In this example
https://demos.telerik.com/aspnet-core/grid/ai-toolbar
It references
.Service("https://demos.telerik.com/service/v2/ai/grid/smart-state")
However no code example or details of how to implement this
Where do I find the code or documentation of how to implement
I feel like this should be simple but I can't figure this out. I use the [Display(Name = "Code")] annotation in my view model. I have a simple custom editor popup on my grid. I use taghelpers because I just do. I am trying to get my labels to show the display name in my popup. I have seen older posts where validation is also not working but I think this has been fixed. Either way I feel like this should work.
Model
public class ChargeViewModel
{
[ScaffoldColumn(false)]
public int ChargesID { get; set; }
[Required]
[UIHint("EditChargePopup")]
[Display(Name = "Code")]
public string ChargesCodeID { get; set; }
Custom Editor
<div class="col-4">
<label for="ChargesCodeID" />
<kendo-textbox for="ChargesCodeID" />
</div>
<div class="col-4">
<label for="Charges_Name" />
<kendo-textbox for="Charges_Name" />
</div>
<div class="col-4">
<label for="Charges_Fee" />
<kendo-numerictextbox for="Charges_Fee" format="c2" decimals="2" />
</div>
Results

I have created a fresh project with the following variables:
I am trying to create a simple grid as following that has an editable `DateTime?` column:
https://netcorerepl.telerik.com/GpFmvpEr29UDYPJN54
It works in the REPL link above, but if I press "Edit" on my local project, the DateTime column defaults to a text input without the datetimepicker buttons (see Attachment-1.png), I'm not sure what I am missing.
I've checked that `/Views/Shared/Editor/Templates/DateTime.cshtml` exists and the content is as follows:
@model DateTime?
@(Html.Kendo().DateTimePickerFor(m => m).HtmlAttributes(new { title = Html.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName("")}))I've placed either `[DataType("Date")]` or `[DataType("DateTime")]` annotation on the class property definition and neither worked.
I've used `.EditorTemplateName("DateTime")` and/or `[UIHint("DateTime")]` and it didn't work.
I've created a new Template type and it didn't work.
I'm not sure what else to try to make it work.
I seem to have hit a stumbling block which I cannot find a simple solution to. Can someone point a direction for me to persue?
I am designing a website which will present to the user a tabbed interface. Each tab will represent a collection of available options/items for the user to fill out when submitting changes to an edited object.
That sounds simple in concept. I have used several host objects. TabStrips, ExpansionPanels have been tried. Both seem to render the same results. Any "content" panels which are not rendered initially do not render properly when selected.
I.E., Tab #0 looks fine. Tab#1, which is obscured/hidden, contains controls that when viewed lack things such as labels, icons, most script driven features. The same logic fails when other non-tabstrip items used.
Here is a quicky sample showing the problem. In theory, expansion panels 1, 2, and 3 should all render content. Only panel #1 shows valid content, 2 and 3 are malformed at best.
My root problem seems to be my inability to dynamically show content not visible when the page is initially rendered. Can someone point me the correct direction? I have tried the "loadfrom" content options all having the same results.
@(Html.Kendo().ExpansionPanel()
.Name("reoccurringItems")
.Title("Reoccurring")
.SubTitle("Items running more than one time")
.Expanded(false)
.Content("Test Text to test feature..")
)
@(Html.Kendo().ExpansionPanel()
.Name("nonReoccurringItem")
.Title("Run Once")
.SubTitle("A item run one time only")
.Expanded(false)
.Content(@<text>
<div>
@(Html.Kendo().DateTimePickerFor(m => m.OneTimeOccurrenceAtDateandTime)
.Label(lbl => lbl.Content("Run Once At Date/Time").Floating(true))
.Rounded(Rounded.Full).ToClientTemplate())
</div>
</text>)
)
@(Html.Kendo().ExpansionPanel()
.Name("nonReoccurringTestItem")
.Title("Test Two")
.SubTitle("Test With Textbox")
.Expanded(false)
.Content(@<text>
<div>
@(Html.Kendo().TextBoxFor(m => m.ScheduleDescription).Label(lbl => lbl.Content("Description").Floating(true)))
</div>
</text>)
)
