Hy,
I have the following graph that displays the values when I hover over the column with the mouse:
With the "PDF Export" button highlighted in yellow I export the graph to PDF using the chart API: https://demos.telerik.com/aspnet-core/chart-api/pdf-export
Attached you can find the export in pdf that is created.
How can I display the values of the two series in the pdf file?
Thanks for any help
//Add a dropdown tool for inserting symbols.
string selectTitle = "Select a symbol to insert";
//Standard html select.
//Cannot find a way to use an html Select in Kendo 2025Q1. This worked in Kendo 2024.Q4,
// after removing the 'ref-toolbar-tool' attribute from the div preceding the Select.
string toolNameSelect = $"insertSymbol-{EditorIdClean}";
string dropdownNameSelect = $"symbolSelect_{EditorIdClean}";
string symbolSelect = $"<label for='{dropdownNameSelect}' class='visually-hidden'>Symbol:</label>" +
$"<select id='{dropdownNameSelect}' " +
$"title='{selectTitle}' " +
$"aria-label='{selectTitle}' " +
"style='width:150px' " +
"onclick='testSymbolSelect(this)' " + //The click event is registered * the alert appears.
"onchange='InsertSymbolSelect(this)' " +
">" +
$"{symbolHtmlSelectOptions()}" +
$"</select>";
toolFactories.Add(tools => tools
.CustomTemplate(x => x
.Name(toolNameSelect)
.Tooltip(selectTitle)
.Template(symbolSelect)
));
I'm currently redesigning the filter menus in our MVC ASP.NET Core project. As of now, they all have the default menu:
I would like to customise the menus according to the columns' data types - have date range pickers for dates, a slider from min to max value for numbers, etc. The main point is to make the process simpler - so the users only need to input a few characters/choose a date/slide to the right number, instead of filling out this complicated configuration.
Some of such components are provided by kendo (e.g. DateRangePicker), others aren't (e.g. the above-mentioned slider; at least I didn't find anything like it), but could be implemented with a custom function. Either way, I can't seem to be able to override the default filter menu.
The only promising suggesstion on how to achieve something like this that I found was:
grid.Columns(c => c.Bound(item.Name)
.Filterable(ftb => ftb.UI("datePickerFilter"))
function datePickerFilter(element) {
element.kendoDateRangePicker({
messages: {
startLabel: "Check-In",
endLabel: "Check-Out"
},
format: "MM/dd/yyyy"
});
}
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
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
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..