I created a group line chart with the ValueAxis defined as below:
The actual data would be decimal 4.00, 4.20, 4.90, 5.00. 5.50 ....
.ValueAxis(axis => axis.Numeric().Labels(labels => labels .Format("{0}").Skip(2).Step(2)))
So the chart is generated as attached.
Now we do not want to display 0, 1, 2, 3, 4, 5 ... but want to display
A, B, C, D, E, F ...
where A replace 0, B replace 1, ...
We are using UI for ASP.NET Core
How would do we do this?
Also, if there are multiple records for a given date for an account with difference value, only one will be selected and display on the chart. Is there a way to display all?
e.g Account 123 on July 21, have two records, one with value of 4 and one with 3, only one of the value will be on the chart.
Thanks.
hi,
I use
@(Html.Kendo().TreeList<SchoolInfoSectionViewModel>()
...
...
.Editable(editable => editable.Move(true))
.Reorderable(true)
.Sortable(true)
...
in the code.
When I drag the item it not show the reordering feature to reorder the same parent scope item. It only allows dragging the item into another one as a child.
Please advise what I am missing?
Thanks
Thanks
The objective is to keep certain functions(open, download, span) off the toolbar and add other buttons to the toolbar (email, close). Does anyone know how to add the ZoomCommand to the toolbar?
The following is what I have so far.
<kendo-pdfviewer name="kendoPdfViewer" id="kendoPdfViewer">
<pdfjs-processing file=@(Url.Content("/YourPage?handler=PdfHandler")) />
<toolbar enabled="true">
<pdfviewer-toolbar-items>
<pdfviewer-toolbar-item command="OpenCommand" type="button" name="open" icon="folder-open"></pdfviewer-toolbar-item>
<pdfviewer-toolbar-item command="PageChangeCommand" type="pager" name="pager"></pdfviewer-toolbar-item>
<pdfviewer-toolbar-item command="DownloadCommand" type="button" name="download" icon="download"></pdfviewer-toolbar-item>
@*The below commands have not been implemented. Feel free to answer how the below is implemented.*@
@*<pdfviewer-toolbar-item command="EnableSelectionCommand"></pdfviewer-toolbar-item>*@
@*<pdfviewer-toolbar-item command="EnablePanCommand"></pdfviewer-toolbar-item>*@
@*<pdfviewer-toolbar-item command="ExportCommand"></pdfviewer-toolbar-item>*@
@*The above commands have not been implemented.*@
<pdfviewer-toolbar-item command="PrintCommand" type="button" name="print" icon="print"></pdfviewer-toolbar-item>
<pdfviewer-toolbar-item command="OpenSearchCommand" type="button" name="search" icon="search"></pdfviewer-toolbar-item>
@* How do you implement the ZoomCommand? *@
<pdfviewer-toolbar-item command="ZoomCommand" name="zoom"></pdfviewer-toolbar-item>
<pdfviewer-toolbar-item type="button" id="button1" text="Email" click="EmailClickHandler"></pdfviewer-toolbar-item>
<pdfviewer-toolbar-item type="button" id="button2" text="Close" click="CloseClickHandler"></pdfviewer-toolbar-item>
</pdfviewer-toolbar-items>
</toolbar>
</kendo-pdfviewer>
<style>
html body #kendoPdfViewer {
width: 100% !important;
}
</style>
<script>
function EmailClickHandler(e) {
console.log("EmailClickHandler");
}
function CloseClickHandler(e) {
console.log("CloseClickHandler");
}
</script>
I added Open and Download just to get them working. I will remove them before the production release.
Does someone know how to define the ZoomCommand?

I have this control
@(Html.Kendo().DropDownTreeFor(model=>model.NewCustomerCategoryCode) .DataTextField("Name") .DataValueField("id") .AutoWidth(true) .HtmlAttributes(new { style = "width: 100%" }) .DataSource(dataSource => dataSource .Read(read => read .Action("Read_DropDownTreeNewCustomerCategoriesData", "ListBox") ) ) .Filter(FilterType.Contains) .LoadOnDemand(true) )
And this is the action
public JsonResult Read_DropDownTreeNewCustomerCategoriesData(string id) { var result = GetHierarchicalNewCustomerCategoryData() .Where(x => String.IsNullOrEmpty(id) ? x.ParentCode == null : x.ParentCode == id) .Select(item => new { id = item.Code, Name = item.Name, hasChildren = item.HasChildren }); return Json(result); }
I set correctly a value (and stored to database), but when I reopen a card it cannot get a value correctly.
When I try to debug into Action id parameter is not valued.
Why?
I'm using your loader when I disable forms after an entry/submit. But, I also use your Grid so I'd like the same "progress indicator" used while waiting for the grid datasource to return. So, how do I make the Loader use the same animation as the Grid or how do I make the Grid use the Loader?
I want to disable a combobox. I have my example below. The only way I see to do it is through a script, also shown. If this script isn't the best way I'm open to suggestions.
However, for my script to work I need to know the id of the control. My approach was picked up off other posts but doesn't seem to do anything.
ComboBox:
@(Html.Kendo().ComboBoxFor(x => x.Item.CountryCode) .Placeholder("Select Country...") .DataTextField("Name") .DataValueField("Code") .Filter(FilterType.Contains) .DataSource(source => { source.Read(read => { read.Action("GetCountries", "Persons"); }); }) .HtmlAttributes(new { style = "width: 100%", @id = "countryCodes" }))
What I get when I press F12 and get the source in the browser:
<span class="k-widget k-combobox k-combobox-clearable" style="width: 100%;"><span tabindex="-1" unselectable="on" class="k-dropdown-wrap k-state-default"><input name="Item.CountryCode_input" class="k-input" type="text" autocomplete="off" title="" role="combobox" aria-expanded="false" placeholder="Select Country..." style="" tabindex="0" aria-disabled="false" aria-readonly="false" aria-autocomplete="list" aria-owns="countryCodes_listbox" aria-busy="false" aria-activedescendant="79fa18f7-e213-4d76-be7a-e4eb980f85f2"><span unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1"></span><span unselectable="on" class="k-select" aria-label="select" role="button" tabindex="-1" aria-controls="countryCodes_listbox"><span class="k-icon k-i-arrow-60-down"></span></span></span><input id="countryCodes" name="Item.CountryCode" style="width: 100%; display: none;" type="text" value="" data-role="combobox" aria-disabled="false" aria-readonly="false"></span>
Form definition & Script:
<form asp-action="Edit" asp-all-route-data="routeKeys" onsubmit="onSubmit()">...<script> function onSubmit(e) { $("#name").attr("disabled", true); $("#Item_CountryCode").attr("disabled", true);...


I'm trying to create a dropdownlist like in the attached image. The button launches the dropdown and each dropdown item is an action that launches a javascript function. Is this possible with .Net Core?
