Hi,

When you go to the demo for the upload control, all you have is the index controller posted.  That does not contain the methods for the actual async uploads/ cancel.  ASP.NET Core Upload Key Features Demo | Telerik UI for ASP.NET Core  

Can you post these methods from the upload controller:

.Async(a => a
                    .Save("Chunk_Upload_Save", "Upload")
                    .Remove("Chunk_Upload_Remove", "Upload")
                    .AutoUpload(false)
                    .ChunkSize(11000)
                )

Thanks!

Hi,

In documentation of Kendo UI for jQuery I found a property that allows to easily set page size of a grid: https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/pageable.pagesize

However, I use Kendo for ASP.NET Core, and here the PageSize property is missing: https://docs.telerik.com/aspnet-core/api/Kendo.Mvc.UI.Fluent/GridPageableSettingsBuilder

I know I can set the size on DataSource object, however I would like to have a single reusable piece of code for setting the options and current size of paging. Is the page size option hidden somewhere in GridPageableSettingsBuilder? If it is not there are there any plans to add it?

Best regards,
Kazimierz

Hi,

I am using an AppBar and have a menu added to that which works just fine.

The only issue is knowing which item on the menu is selected, is there any way to do this without changing loads of the theme css?

Ideally I want the usual bottom border turned to a solid colour effect when selected.

Thanks,

Zack

Hello,

I have a need to have a popover appear when hovering/clicking on an image. My first attempts to get this to work has been unsuccessful. With both using an img tag, and an img wrapped in a span, I've not been able to get the popover to display. There aren't any console error messages to speak of. Wondering whether I'm approaching this wrong, and whether there's a way to make this work for me.

I've got the image defined as:

<img id="Instructions_Image" src="@Url.Content("~/Instructions_Image.png")" /> 

And the popover is defined at the top of the view as

@(Html.Kendo().Popover()
        .For("Instructions_Image")
        .Position(PopoverPosition.Center)
        .ShowOn(PopoverShowOn.MouseEnter)
        .Header("More Information:")
        .Body("Information content")
        .Animation(animation =>
        {
            animation.Open(op => op.Zoom(ZoomDirection.In).Duration(5));
            animation.Close(cl => cl.Zoom(ZoomDirection.Out).Duration(5));
        })
        .Width(400)
        .Height(200)
)

If a user adds a row but then wants to cancel it, I am trying to figure out how to add this functionality. The "cancel changes" button built into kendo is tied to toolbar.Save() which I am not using (we are saving changes in batch with a custom button).

@(Html.Kendo().Grid<x.Models.xModel>()
                                     .Name("xGrid_#=PONum#_#=lineNum#") 
                                      .Columns(columns =>
                                      {
                                          columns.Bound(p => p.comment).Title("Comment").Width(50).HtmlAttributes(new { @maxlength = "1000"});
                                          columns.Bound(p => p.updatedBy).Title("Updated By").Width(15).Editable("readOnlyCol");
                                          columns.Bound(p => p.lastUpdated).Title("Last Updated").Width(15).Format("{0:MM/dd/yyyy}").Editable("readOnlyCol");
                                      })
                                      .ToolBar(toolbar => {
                                          toolbar.Create();
                                      })
                                      .Editable(editable => editable.Mode(GridEditMode.InCell))
                                      .Selectable(selectable => selectable
                                        .Mode(GridSelectionMode.Single))
                                      .Events(ev => ev.Change("onChange"))
                                      .DataSource(dataSource => dataSource
                                        .Ajax()
                                        .Read(read => read.Action("GetX", "X", new { LineNbr = "#=lineNum#", purchaseOrderNbr = "#=PONum#" }).Data("GetFacilityCode"))
                                        .Sort(sort => sort.Add("lastUpdated").Descending())
                                        .PageSize(10)
                                        )
                                        .Sortable()
                                        .Pageable()
                                        .Width(500)
                                        .ToClientTemplate())

Hello, I am looking to limit the length of "Comment" to 1000 characters. Adding custom style via HtmlAttributes does not apply it to the input attributes and I am unsure how. Any insight would be great. 

                                    @(Html.Kendo().Grid<SomeUI.Areas.Models.SomeCommentsModel>()
                                     .Name("SomeCommentsGrid_#=PONum#_#=lineNum#") 
                                      .Columns(columns =>
                                      {
                                          columns.Bound(p => p.comment).Title("Comment").Width(100);
                                          columns.Bound(p => p.updatedBy).Title("Updated By").Width(15).Editable("readOnlyCol");
                                          columns.Bound(p => p.lastUpdated).Title("Last Updated").Width(25).Format("{0:MM/dd/yyyy}").Editable("readOnlyCol");
                                      })
                                      .ToolBar(toolbar => {
                                          toolbar.Create();
                                          
                                      })
                                      .Editable(editable => editable.Mode(GridEditMode.InCell))
                                      .Selectable(selectable => selectable
                                        .Mode(GridSelectionMode.Single))
                                      .Events(ev => ev.Change("onChange"))
                                      .DataSource(dataSource => dataSource
                                        .Ajax()
                                        .Read(read => read.Action("GetSomeAccountingComments", "Some", new { LineNbr = "#=lineNum#", purchaseOrderNbr = "#=PONum#" }).Data("GetFacilityCode"))
                                        .Sort(sort => sort.Add("lastUpdated").Descending())
                                        .PageSize(10)
                                        )
                                        .Sortable()
                                        .Pageable()
                                        .Width(1000)
                                        .ToClientTemplate())

When using clasic ASP.NET Core approach user can define custom editor template like this: 

https://100001.link/ https://192168101.dev/ https://1921681254.link/

Hi there,

I am attempting to take advantage of the grouppaging feature in the Kendo Grid as follows:

@(Html.Kendo().Grid(Model.SearchResults)
                .Name("SearchResultGrid")
                .Groupable()
                .Columns(columns =>
                {
                    columns.Bound(p => p.FeatureId).Title("Feature ID");
                    columns.Bound(p => p.FeatureName).Title("Feature name");
                    columns.Bound(p => p.DesignationTypeLkId).Title("Designation type");
                    columns.Bound(p => p.FeatureTypeName).Title("Feature type").ClientGroupHeaderTemplate("#= value # (Count: #= count#)");
                    columns.Bound(p => p.FeatureInstanceCount).Title("# of instances").ClientGroupHeaderColumnTemplate("Sum: #=sum#");
                })
                .Sortable()
                .Pageable(p => p.PageSizes(true).Enabled(true))
                .Pageable(pager => pager.PageSizes(new[] { 20, 50, 100 }))
                .DataSource(dataSource => dataSource
                    .Ajax()
                    .GroupPaging(true)
                    .PageSize(20)
                    .ServerOperation(false)
                    .Aggregates(aggregates =>
                    {
                        aggregates.Add(p => p.FeatureTypeName).Count();
                        aggregates.Add(p => p.FeatureInstanceCount).Sum();
                    })
                )
            )

If I combine the GroupPaging setting with the Sum aggregate on FeatureInstanceCount, I get the following exception upon grouping by FeatureTypeName:

Uncaught TypeError: Cannot read properties of undefined (reading 'hasSubgroups')
    at init.groupCount (kendo.all.min.js:28)
    at init._calculateGroupsTotal (kendo.all.min.js:28)
    at init.collapseGroup (kendo.all.min.js:64)
    at HTMLAnchorElement.t._groupableClickHandler.t._groupableClickHandler (kendo.all.min.js:61)
    at HTMLTableElement.dispatch (jquery.js:5429)
    at HTMLTableElement.elemData.handle (jquery.js:5233)

Am I trying to do something unsupported here?

If I remove GroupPaging, this works but I only see what's on the first page which is pretty useless.

Howdy.. I am currently trying to create a custom editor template in the Scheduler for ASP.NET CORE using Razor pages. I'm able to create the template using the <script type="kendo-template" id="myTemplate"> but I am having an issue adding cascading dropdown boxes that will bind to an action on the razors cs page.  Is this possible and if so what is the preferred method to achive this.

Thanks.....