I am building a wizard using Kendo asp.net mvc Wizard control.
I was wondering if there is a way to wait for an ajax response before proceeding to next step when required.
Eg: The wizard allows the user to add a user for the organization. One of the steps in between lets user choose a department, or create new one. If the user opts to create a new department, I call an ajax request which creates a department. All good till now.
However, I want to confirm the creation of the new department before user is shown the next step. If the department record creation is successful, next step is loaded. If not, the user stays in the same step.
Is this possible
TextArea control does not take enter & show it properly in Google chrome, Mozila & Edge browser. It works properly only in IE.
Can you please help us how it can work same for all the browsers.
I am trying to modify an existing grid control and replace the editor for one of the columns with custom HTML. Currently, the column displays time and we use a combobox as the editor. To make this somewhat usable, we populate the combobox with times in 15-minute increments rather than 1-minute. I want to replace the combobox with a time-picker but unfortunately we are tied to an old version of the Telerik library that doesn't support the modern component type. Instead, I would like to use the HTML5 picker. How do I accomplish that using the editor template property?
Btw, I am very much a novice with regards to this UI framework so my question might have been answered in the documentation somewhere but I haven't been able to find it so my apologies if that's the case.
Hi Team ,
Persist collapsed state of grouped records in kendo mvc grid on edit / update /cancel buttons.
could you please provide the sample for the same.
Thanks & Regards,
Purnima
Hi Team,
I need to show my list items separated by line so is it possible to have grid lines ?
Please provide the sample for custom messages as well.
Thanks & Regards,
sp.
Hi,
I am using Telerik spreadsheet in my web page. I have set the toolbar option to false as it was not needed for my use. When I tried the keyboard short cuts Ctrl + b and Ctrl + i the page console shows an error. I don't know if this creates any issues in the spreadsheet. I tried the same in the Telerik demo with toolbar option set to false and the console shows error in that too. I have attached the screenshot of demo in which I checked. Please take a look at this error as I don't know if it creates any further issues in the spreadsheet.
Hi,
I am using Telerik spreadsheet in my web page and I am using the deleteRow and insertRow methods on a button click to programmatically delete and insert rows in spreadsheet. When I click the button the rows are successfully added and removed, but on Ctrl + z these actions are not undone. Is there any way to consider this actions on undoing?
I am using Kendo version 2020.1.114.545
In inline edit mode, when I am adding a new record, its creating duplicates.
Here is my controller code
public ActionResult Employee_Create([DataSourceRequest]DataSourceRequest request, Employee employee)
{
repository.CreateEmployee(employee.Name, employee.NetworkID, employee.SeniorityDate, employee.ApplicationDate, employee.Shift);
return Json(new[] { employee }.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);
}
And the razor view
@(Html.Kendo().Grid<PCOSAWeb.Models.Employee>()
.Name("EmployeeGrid")
Is this a bug? In stackoverflow, someone suggested to return entire record. I am already doing that in the controller.
Please suggest a resolution. Thank you.
Good morning,
I'm currently trying to get my donut charts to look flat with a bootstrap theme through the use of the kendo widget. I've been taking a look at your documentation and came across the following property, and was hoping that it would be as simple as adding this to the end of the series object in the mvc widget ".Overlay.Gradient("none")"
http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.overlay
But to no avail, there is no such property, not according to the syntax highlighting, and it doesn't work when I try brute forcing the thing. So I was wondering how to go about this using the syntax below.
@(Html.Kendo().Chart(Model)
.Name("chart")
.Title("Chart Data")
.Legend(legend => legend
.Position(ChartLegendPosition.Top)
)
.Series(series =>
{
series.Donut(
model => model.Value, // The data to use
model => model.Category, // The category Name
model => model.Color, // The color to use for the category
null // How far out the donut section should pop out
).Padding(10)
.Overlay.Gradient("none")
;
//.Labels(labels => labels
// .Visible(true)
// .Position(ChartPieLabelsPosition.OutsideEnd)
// .Template("#= category # - #= kendo.format('{0:P}', percentage)#")
// .Background("transparent")
//);
})
.Tooltip(tooltip => tooltip
.Visible(true)
.Template("#= category # - #= kendo.format('{0:P}', percentage) #")
)
)
Can you please guide me or show me how I can use the #displayFilters to be used with a header and footer and the footer continuing the page numbering. Currently the header and footer only displays with the grid pages and then it does a page-break with the filters with no styling. I’ve tried adding the styling but I don’t get the results I’m looking for.
Another solution could be that it appends the displayFilters just after the grid without the page-break.
below is my code for exporting:
var grid = $("#grid").data("kendoGrid");
var root = new kendo.drawing.Group();
kendo.drawing.drawDOM($("#displayFilters"))
.done(function (displayFilters){
grid._drawPDF(progress)
.then(function (root) {
root.children.push(displayFilters);
return kendo.drawing.exportPDF(root, {
multiPage: true,
allPages: true,
avoidLinks: true,
margin: { top: "3cm", left: "1cm", right: "1cm", bottom: "1cm" },
landscape: true,
template: $("#page-template").html()
});
})
.done(function (dataURI) {
kendo.saveAs({
dataURI: dataURI,
fileName: reportModel.Report.ReportName + ".pdf"
});
progress.resolve();
});
});
Here is my template:
<script type="x/kendo-template" id="page-template">
<div class="page-template">
<div class="header">
<div style="float: left; width:33%;"><img src="./Content/Images/SB Logo.png" /></div>
<div id="reportName" style="width: 33%; height:100px; text-align:center; color: black; font-size:30px;vertical-align:middle;display:inline-block;padding-top:20px;">@ViewBag.Report.ReportName</div>
<div id="currentDate" style="float:right;width:33%; text-align:right; color: black; font-size:30px;padding-top:36px;display:inline-block;">23/07/2021</div>
</div>
<div class="footer" >
Page #: pageNum #
</div>
</div>
</script>