Is there a way to conditionally hide/show items in a form? In my form I have a dropdown list with a Change handler. Based on the item selected in the list, I either want to display the Budget field or the HourlyMin and HourlyMax fields. I'm not sure how to do this.items.Add() .Field(p => p.Budget) .Label(label => label.Text("Budget"));items.Add() .Field(p => p.HourlyMin) .Label(label => label.Text("Hourly Min"));items.Add() .Field(p => p.HourlyMax) .Label(label => label.Text("Hourly Max"));
Thanks!
If my main process is 12345 will this control accommodate the real-life process that does a 13245 once in a while? I don't want step 3 to require step 2 to be finished step 2 may be outstanding. On the extreme, can all 5 steps be independent of each other?
So, what I'm saying is that instead of the process taking steps all the time; sometimes it trips.
Hey,
In our application we have a few bootstrap-style columns (i.e. a div with class "row" and 3 nested divs with class "col-4"). These are placed inside a Kendo-Tabstrip-Control.
At first we used the Bootstrap-v4 Theme and everything worked out nicely, however, we now switched to a (customized but this does not matter) Default-Theme and noticed that bootstrap-style columns inside a tabstrip always cause an overflow by a few pixels (8 to be exact). This causes a horizontal scrollbar to appear within the tabstrip-content only when using the Default Theme, but not when using the Bootstrap Theme.
Using my Browsers HTML-Viewer, I tracked it down to the fact that in Bootstrap-v4, the padding of .k-tabstrip > .k-content elements is set to 0.5rem 1rem (amounting to 8px 16px) while in the default theme it is set to 6px 12px which clearly amount to 4px of additional room on the sides (in sum, the afforementioned 8px).
Since the class "row" causes a margin of -15 on either side, this causes the entire row to overflow the k.content element which is the reason for the horizontal scrollbar.
This behavior is really easy to test, simply drop the following code as content into a kendo-tabstrip
<div class="row"> ABC</div>
Is this an error in the Default-theme and if so can we get this fixed?
Otherwise, is there any way to get consistent behavior with something like "row" and "col-" classes when using Kendo?
Best Regards

Hello,
is it possible to add a button to upload files inside the Form?
Is it possible to integrate this code
@(Html.Kendo().Upload() .Name("files") .HtmlAttributes(new { aria_label = "files" }))into this one
@(Html.Kendo().Form<TicketModel>() .Name("formExample") .HtmlAttributes(new { action = "TicketExpress", method = "POST" }) .Items(items => { items.Add() .Field(f => f.Description) .Label(l => l.Text("Description:"));items.Add() .Field(f => f.Type) .Label(l => l.Text("Type:")) .Editor(e => { e.Upload() ?????????? }})Thank you
Hello,
we have a Grid that is bound to an IEnumerable Property of the ViewModel being supplied by the server as you can see in the following code snippet:
01.@(Html.Kendo().Grid<AktionsTracker.Pages.PromotionEditModel.ModelDTO>(Model.Promotion.Models)02. .Name(ModelGrid)03. .Columns(c =>04. {05. c.ForeignKey("ModelId", Model.Models, "ModelId", "ModelCode").Title("Modellcode").Width(100);06. c.ForeignKey("ModelId", Model.Models, "ModelId", "ModelName").Title("Modellbezeichnung").Width(200);07. c.Bound(m => m.Absolute).Width(150);08. c.Bound(m => m.Relative).Width(150);09. c.Command(c => c.Edit());10. c.Command(c => c.Destroy());11. })12. // more code13. .DataSource(c =>14. {15. c.Custom()16. .Schema(s =>17. {18. s.Model(m =>19. {20. m.Id("ModelId");21. m.Field("ModelId", typeof(int)).Editable(false);22. m.Field("Absolute", typeof(Decimal?));23. m.Field("Relative", typeof(Decimal?));24. });25. });26. })27.)We now want to programmatically insert a new record with a specific Id (guaranteed to be unique and have an entry in the ForeignKey-Collections) and directly put the Row into Edit-Mode.
At first, we tried to simply call grid.addRow() and handle the beforeEdit event to set the ModelId but this did not work out since the ModelId has to be non-Editable.
Therefore, we have resorted to a different approach where we execute the following code in a javascript function:
1.var grid = $("#@ModelGrid").data("kendoGrid");2.grid.dataSource.add({ ModelId: value, Absolute: null, Relative: null });3.grid.editRow($("#@ModelGrid tbody tr:last-of-type"));i.e. we add the pre-filled record to the datasource of the grid and manually start the editing via the call to editRow.
The problem is the following:
It does not matter how often we have update the record with valid data, as soon as we press Cancel the record will disappear every time.
I want to reiterate that it is fine and *intended* that the row disappears if Cancel is clicked directly after adding the row. However, having it disappear after multiple succesfull updates is not what we want at all.
How can we fix this behaviour?
Best Regards
Tag helpers in a form allow the following:
https://docs.microsoft.com/en-us/aspnet/core/mvc/views/working-with-forms
@model CountryViewModel
<form asp-controller="Home" asp-action="Index" method="post">
<select asp-for="Country" asp-items="Model.Countries">
</select>
<br />
<button type="submit">Register</button>
</form>
How do I accomplish the same thing with Kendo Listbox?
Hello,
I have a grid with client template that holds two values from datasource. Is it possible to filter this two fileds at once using one filter menu (e.g adding secondary filter on the fly when bounded column is filtered)?
Hi
I am using kendo grid inline editing . I want to dynamically fill the value of one column based on the values added from 2 other columns.
example:
Col A+ Col B = Col C
Fill the value dynamically whiling editing or new insert within in cell kendo grid

Hi,
I am trying to use the .net core FileManager component.I have implemented a custom back end that no longer reads the file system, instead integrates with my database and Azure blob storage. Everything working ok for that.
The issue I'm having is with the display for the created and modified timestamps.
My users will be in different timezones so I will need to convert the timestamps to the user's local time. I'm storing timestamps in utc in the database
As far as I can tell the current file manager widget is not setup for that.
I'm trying to intercept the datasource so that I can parse the data objects, read the Utc timestamps, convert them to the user's local timezone in the client side, and populate the non-utc timestamps, so they show correctly in the filemanager control.
I can't yet work out how to do that though. can anyone help?
many thanks
