Hi,

I wonder if it is possible to show the number of records in the group in the group header in brackets or parentheses?

For example: 
Type: Box (10) --> It should be the group label in the grid.

See the picture attached for details.

Hi,

I have a grid where the user can create groups by dragging the title of the column. This grid is paged by 20 records, but it can be changed, there are 5 different page sizes.

When the user creates a group, it will show only the 20 records for the group. But, I expect that when the user collapses the group, it brings the next group and shows the next 20 records from the next group. Is this possible? Nowadays, it just collapses the current group and leaves an empty space. See the picture attached.

   Hello, I have a grid that uses ClientTemplates to display the name associated with an id. When grouping, the id shows instead of the specified name. Is there any way to fix this to group by the selected text from the dropdown created in the ClientTemplate rather than the associated id?

Grid

@(Html.Kendo().Grid<BCGS.Classes.BCGSSite>
    ()
    .Name("sites")
    .Columns(columns =>
    {
        columns.Bound(s => s.SiteName).HeaderHtmlAttributes(new { @style = "font-weight:bold" }); ;
        columns.Bound(s => s.DistrictDisplayName).Title("District").HeaderHtmlAttributes(new { @style = "font-weight:bold" });
        columns.Bound(s => s.CountyId).Title("County").ClientTemplate("#=CountyName#").HeaderHtmlAttributes(new { @style = "font-weight:bold" });
        columns.Bound(s => s.Active).ClientTemplate("#= Active? 'Yes' : 'No' # <value ='#= Active #' />").HeaderHtmlAttributes(new { @style = "font-weight:bold" });
        columns.Bound(s => s.SiteCategoryId).Title("Category").ClientTemplate("#=CategoryName#").HeaderHtmlAttributes(new { @style = "font-weight:bold" });
        columns.Bound(s => s.SpecialtyId).Title("Speciality").ClientTemplate("#=SpecialtyName#").HeaderHtmlAttributes(new { @style = "font-weight:bold" });
        columns.Bound(s => s.Address1).Title("Address 1").HeaderHtmlAttributes(new { @style = "font-weight:bold" });
        columns.Bound(s => s.Address2).Title("Address 2").HeaderHtmlAttributes(new { @style = "font-weight:bold" });
        columns.Bound(s => s.City).HeaderHtmlAttributes(new { @style = "font-weight:bold" });
        columns.Bound(s => s.State).HeaderHtmlAttributes(new { @style = "font-weight:bold" });
        columns.Bound(s => s.PostalCode).Title("Zip Code").HeaderHtmlAttributes(new { @style = "font-weight:bold" });
        columns.Command(command => { command.Edit(); command.Destroy(); }).Width(240);
    })

    .Groupable(g => g.Enabled(true))
    .ToolBar(toolbar =>
    {
        toolbar.Search();
        toolbar.Excel();
        toolbar.Create();
    })
    .Excel(excel =>
    excel.FileName("Sites.xlsx")
    .ProxyURL(Url.Action("Excel_Export_Save", "Grid"))
    .AllPages(true))
    .Sortable()
    .Pageable()
    .Editable(editable => editable.Mode(GridEditMode.InLine))
    .DataSource(source => source
    .Ajax()
    .PageSize(50)
    .Events(events => {
        events.Error("error_handler");
        events.Sync("update");
    })
    .Model(model =>
    {
        model.Id(s => s.SiteID);
        model.Field(s => s.SiteName).Editable(true);
        model.Field(s => s.DistrictDisplayName).Editable(false);
        model.Field(s => s.SiteCategoryId).Editable(true);
        model.Field(s => s.CountyId).Editable(true);
        model.Field(s => s.Active).Editable(true).DefaultValue(true);
        model.Field(s => s.Address1).Editable(true);
        model.Field(s => s.Address2).Editable(true);
        model.Field(s => s.City).Editable(true);
        model.Field(s => s.State).Editable(true);
        model.Field(s => s.PostalCode).Editable(true);
        model.Field(s => s.SpecialtyId).Editable(true);
    })
    .Create(create => create.Action("SiteEdit", "Admin"))
    .Update(update => update.Action("SiteEdit", "Admin"))
    .Destroy(destroy => destroy.Action("SiteDelete", "Admin"))
    .Read(read => read.Action("SiteGrid", "Admin"))
    )
    )

EditorTemplate

@model BCGS.Classes.BCGSSite

@(Html.Kendo().DropDownListFor(m => m)
                    .DataTextField("CountyName")
                    .DataValueField("CountyId")                  
                    .AutoBind(false)
                    .HtmlAttributes(new { data_value_primitive = "true"})
                    .OptionLabel(" ")
                    .BindTo((System.Collections.IEnumerable)ViewData["counties"]))

Thank you,

Megan

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

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

into this one

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:

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:

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:

• Record is added and edit-mode is entered
• We manually set the required properties and press the Update button
• We press the Edit button on the same row
• We press Cancel to end the editing without saving changes => as a result the row disappears even though it has been previously saved!

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)?