Unplanned
Last Updated: 01 Jun 2023 14:33 by Nina
Created by: Nina
Comments: 0
Category: Grid
Type: Bug Report
0

Bug report

Not reproducible with the UI for ASP.NET Core Grid helper.

Reproduction of the problem

  1. Set the Total option of the DataSource in a Grid:
.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(15)
    .Read(read => read.Action("Orders_Read", "Grid"))
    .Total(50)
)
  1. Compare the rendering of the pager "next page" and "last page" buttons with the Total option set and without it.

Current behavior

The "next page" and "last page" buttons in the Grid's pager are rendered as anchor Html elements, when Total is set in the DataSource. When it is not set, the buttons are rendered as button Html elements.

Expected/desired behavior

The rendering of the pager buttons should be consistent and they should render as button Html elements.

Environment

  • Kendo UI version: 2023.1.425
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 23 May 2023 17:14 by ADMIN
Created by: Scott
Comments: 6
Category: UI for ASP.NET MVC
Type: Feature Request
0

This is the same as an existing feature request, which was marked as completed but it doesn't achieve what was originally requested.

Orgchart like the one in Telerik ASP.NET Ajax

The UI for ASP.NET MVC OrgChart component is missing functionality found in the UI for ASP.NET AJAX product.

The demos only show a small organisation dataset. With a large dataset (including up to 5 levels), I found the current MVC solution becomes unusable. For example, the vertical/horizontal scroll bar becomes tiny and navigation becomes difficult.

The extra functionality available in the AJAX works around issues, such as, zooming in/out and solves other basic requirements, such as Export to PDF.

Please make the AJAX Functionality and Application Scenarios available in the MVC product.

Unplanned
Last Updated: 12 May 2023 08:48 by Dejan

Bug report

Reproduction of the problem

Dojo: https://dojo.telerik.com/oQeDIxUv

  1. Inspect the selected tag of the MultiSelect. It has the k-disabled class.
  2. Click the anchor above the component to enable it.

Current behavior

After the component is enabled, the k-disabled class remains in the tag.

Expected/desired behavior

The k-disabled class is removed.

Environment

  • Kendo UI version: 2023.1.425
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 09 May 2023 14:05 by Novak
Created by: Novak
Comments: 0
Category: TextBox
Type: Feature Request
1

Implement templates and adornments features in the TextBox. Example: https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/adornments/#toc-built-in-adornments

 

Unplanned
Last Updated: 09 May 2023 13:06 by FranckSix
Created by: FranckSix
Comments: 0
Category: SplitButton
Type: Bug Report
1

Bug report

Reproduction of the problem

Test the following SplitButton configuration:

@(Html.Kendo().SplitButton()
   .Name("splitbutton")
   .Text("test2")
   .HtmlAttributes(new { @class = "myclass", style = "border:1px solid black;", data_customAttr = "test" })
   .Icon("download")
   .Items(i =>
    {
        i.Add().Text("button1");
    })
)

Current behavior

The custom class, attribute and styles are not applied to the SplitButton's Html element.

Expected/desired behavior

The HtmlAttributes are applied to the SplitButton's element.

Environment

  • Kendo UI version: 2023.1.425
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 08 May 2023 14:52 by Dejan

Bug report

The attributes handler overload does not get executed when the column is initially marked as hidden.

Reproduction of the problem

  1. Open the following dojo.
  2. Change the hidden property of the ContactTitle field to true.

Current behavior

The attributes handler is not executed when the column is hidden.

Expected/desired behavior

The attributes handler should be executed when the column is hidden.

Environment

  • Kendo UI version: 2023.1.425
  • Browser: [all]
Unplanned
Last Updated: 05 May 2023 12:17 by Jerome
Created by: Jerome
Comments: 0
Category: TaskBoard
Type: Bug Report
0

### Bug report

The built-in search tool does not render when it is defined through the Toolbar() configuration. By default, it renders as expected.

### Reproduction of the problem

@(Html.Kendo().TaskBoard()
        .Name("taskBoard")
        .Toolbar(t => t.Items(items =>
        {
            items.Add().Type("TaskBoardSearch").Command("SearchCommand").Name("search").Text("Search").Icon("search");
        }))
       ...
)
    

REPL sample for reproduction:

https://netcorerepl.telerik.com/QRaTOpbm101bVWAv11

### Expected/desired behavior

The search tool should be rendered when it is set up through the Toolbar() configuration.

A possible workaround:

@(Html.Kendo().TaskBoard()
        .Name("taskBoard")
        .Toolbar(t => t.Items(items =>
        {
            items.Add().Name("search");
        }))
       ...
)


### Environment

* **Telerik UI for ASP.NET Core version: 2023.1.117
* **Browser: [all]

Unplanned
Last Updated: 04 May 2023 11:04 by Sachin

### Bug report

The Grid columns do not expose the ClientTemplateHandler() method. It is available in Telerik UI for ASP.NET Core since version 2023.1.314.

### Reproduction of the problem

columns.Bound(p => p.IsAlwaysIncluded).ClientTemplateHandler("myColTemplate");

<script>
function myColTemplate(data) {
  return `<div>${data.IsAlwaysIncluded}</div>`
}
</script>

### Expected/desired behavior

The ClientTemplateHandler() method must be exposed for the Grid columns.

### Environment

Telerik UI for ASP.NET MVC version: 2023.1.425
* **Browser: [all]

Unplanned
Last Updated: 28 Apr 2023 20:13 by John
Created by: John
Comments: 0
Category: Grid
Type: Bug Report
3

Bug report

When the Grid is set initially with a sort operation, the icon for the column will show twice in a UI for ASP.NET MVC web application.

Reproduction of the problem

Using the Kendo UI Grid template, add the sorting configuration to the dataSource:

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.OrderViewModel>()    
    .Name("grid")
    .Columns(columns => {
        columns.Bound(p => p.OrderID).Filterable(false).Width(200);
        columns.Bound(p => p.Freight).Width(100);
        columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}").Width(140);
        columns.Bound(p => p.ShipName);
        columns.Bound(p => p.ShipCity).Width(150);
    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .HtmlAttributes(new { style = "height:430px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Read(read => read.Action("Orders_Read", "Grid"))
        .Sort(s => s.Add("OrderID").Descending()))  //Added Predefined Sort
)

Current behavior

image

Expected/desired behavior

The icon should only appear once for the sorted column.

Environment

  • Kendo UI version: 2023.1.425
  • jQuery version: All Supported Versions
  • Browser: all
Unplanned
Last Updated: 21 Apr 2023 06:43 by Garðar
Make series of a Chart markers clickable when the CategoryAxis Select configuration is set
Unplanned
Last Updated: 29 Mar 2023 13:34 by Robert
Created by: Robert
Comments: 0
Category: UI for ASP.NET MVC
Type: Bug Report
0

Bug report

Reproduction of the problem

Inspect the Grid in the MVC demos.

Current behavior

The Grid renders the k-widget class.

Expected/desired behavior

The rendering must be consistent with jQuery and Core and the k-widget class should not be rendered. The issue is specifically in the MVC Grid. The Kendo UI for jQuery and the Core Grid no longer render this class.

Environment

  • Kendo UI version: 2023.1.314
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 28 Mar 2023 14:34 by Eli

Bug report

Reproduction of the problem

Dojo example: https://dojo.telerik.com/uGitesaF

Current behavior

When the DropDownList has an initial value, the floating label overlaps with the text.

Expected/desired behavior

The label should be displayed above the DropDownList.

Workaround: refresh the floating label in the dataBound event handler of the component:

e.sender.label.floatingLabel.refresh()

Environment

  • Kendo UI version: 2023.1.314
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 17 Mar 2023 16:01 by Praveen

Hello,

We are using 2 list boxes (ASP.NET MVC Kendo ListBox) Left and Right, and right list box can have duplicate values:

https://supportheroes.telerik.com/clientsfiles/0142415c-f7a3-4c88-880d-a166a37a3c94_kendolistbox.png

When we are arranging the items using move up and move down buttons.  We are unable to get the selected items in the order that they appear in the list box.

 <tr>
                                            <td>
                                                @(Html.Kendo().ListBox()
                                                                                            .Name("lstallUsers")
                                                                                            .ConnectWith("assigned")
                                                                                            .DataTextField("NameWithDivision")
                                                                                            .DataValueField("UserId")
                                                                                            .HtmlAttributes(new { style = "height:350px;width:350px" })
                                                                                            .Template(Html.ProfilePic("#: data.FileName #", null, "#: data.NameWithDivision #").ToHtmlString())
                                                                                            //.ValueTemplate(Html.ProfilePic("#: data.FileName #", null, " #: data.Name # ").ToHtmlString())
                                                                                            .DataSource(source =>
                                                                                            {
                                                                                                source.Read(read =>
                                                                                                {
                                                                                                    read.Action("GetAllApproverUsers", "Workflow", new { area = "Scms", id = Model.FormMasterId });
                                                                                                });
                                                                                            })

                                                )
                                            </td>
                                            <td valign="top">

                                                <button type="button" class="btn btn-primary black-background white" id="transfer-left" onclick="onRightClick()"><span class="fa-lg"> > </span> </button> <br /><br />
                                                <button type="button" class="btn btn-primary btn-md" id="transfer-right" onclick="onLeftClick()"><span class="fa-lg"> < </span></button>
                                            </td>
                                            <td width="20%">

                                                @(Html.Kendo().ListBox()
                                                                                    .Name("assigned")
                                                                                    .DataTextField("NameWithDivision")
                                                                                    .DataValueField("UserId")
                                                                                    .HtmlAttributes(new { style = "height:350px;width:350px" })
                                                                                    .Template(Html.ProfilePic("#: data.FileName #", null, "#: data.NameWithDivision #").ToHtmlString())

                                                                                    .Toolbar(toolbar =>
                                                                                    {
                                                                                        toolbar.Position(Kendo.Mvc.UI.Fluent.ListBoxToolbarPosition.Right);
                                                                                        toolbar.Tools(tools => tools
                                                                                            .MoveUp()
                                                                                            .MoveDown()
                                                                                            );
                                                                                    })
                                                                                    //.Events(events => events
                                                                                    //     .Reorder("onMove")
                                                                                    //    )
                                                                                    .DataSource(source =>
                                                                                    {
                                                                                        source.Read(read =>
                                                                                        {
                                                                                            read.Action("GetAssignedUsers", "Workflow", new { @area = "Scms", id = Model.FormMasterId });
                                                                                        });
                                                                                    })

                                                )
                                            </td>
<script>
function onRightClick() {
        var listbox1 = $("#lstallUsers").data("kendoListBox");

        var listbox2 = $("#assigned").data("kendoListBox");

        if (listbox1.select().length > 0) {
            listbox2.add(listbox1.dataItem(listbox1.select()));
            //listbox1.remove(listbox1.select());
            console.log(listbox2.select());
        }
        else {
            // showMessage("Left ListBox should have selected item!");
        }
    }

    function onLeftClick() {
        var listbox1 = $("#lstallUsers").data("kendoListBox");

        var listbox2 = $("#assigned").data("kendoListBox");

        if (listbox2.select().length > 0) {
            listbox1.add(listbox2.dataItem(listbox2.select()));
            listbox2.remove(listbox2.select());
            console.log(listbox2.select());
        }
        else {
            // showMessage("Right ListBox should have selected item!");
        }
    }
</script>

Here is a possible workaround suggested by Telerik Team:

1. Attach a Reorder event handler to the second ListBox:

.Events(ev => ev.Reorder("onReorder"))

2. In the event handler you can add the following logic:

function onReorder(e) {
    e.preventDefault();
    var dataSource = e.sender.dataSource;
    var dataItem = e.dataItems[0]
    var itemElement = e.sender.wrapper.find("[data-uid='" + dataItem.uid + "']");
    var index = dataSource.indexOf(dataItem) + e.offset;

    e.sender.remove(itemElement);
    setTimeout(function () {
        dataSource.insert(index, dataItem);
    }, 100)
}

The logic removes the item and inserts a dataItem at the respective new index in the dataSource.

However, this workaround is not perfect and will have a side effect: the selection of the item is lost. This means that the user has to re-select the item if they want to re-order it again.  

Rather then working around it, it would be better to have this functionality built-in in the ListBox.

Thank you.

Unplanned
Last Updated: 14 Mar 2023 16:53 by ADMIN
Created by: Mugurel
Comments: 1
Category: Signature
Type: Feature Request
1
Does the Signature component support pressure-sensitive pens used in browsers on a touch tablet and is it capable of capturing handwritten signatures with progressive thickness based on pressure?

Best regards,

Mugurel Nechita


Unplanned
Last Updated: 09 Mar 2023 18:59 by ADMIN
Created by: Nathan
Comments: 1
Category: UI for ASP.NET MVC
Type: Feature Request
1

Good Day,

We would like to submit a feature request to add a handler method for the `HasChildren` property of a HierarchicalDatasource for the MVC Wrappers. It currently only supports a string field name even though the Javascript api can handle a function. We are currently working around this by using the wrapper to define our widget, and then in a kendo.syncready we are creating a datasource and then using setOptions of the widget to achieve the same effect, which should be in the wrapper already.

Example code snippet:


<script>
        kendo.syncReady(function() {
            let panelBar = jQuery("#@panelBarId").getKendoPanelBar();
            if (!panelBar) {
                return;
            }            
            var ds = new kendo.data.HierarchicalDataSource({
                transport: {
                    read: {
                        url: '@Url.Action("LoadPanelBarResults", "Home")',
                        data: function (){
                            return resultsPanelbarData('@Html.Raw(searchTagString)', '@Html.Raw(parentTagString)');    
                        }
                    }
                },
                schema: {
                    model: {
                        id: 'IdString',
                        hasChildren: hasChildrenFunction
                    }
                }
            });
            
            panelBar.setOptions({dataSource: ds});
        });        
</script>

We hope this request is clear, let us know if there are any questions of the use of this scenario.

Thankyou for your time,

Regards,
Nathan

Unplanned
Last Updated: 09 Mar 2023 08:06 by Adnan

It would be nice to have a default option to display all Scheduler events in a heatmap and grid:

1. Events:



2. Grid format (repeatable events should be added multiple times):



3. Heatmap format:

Unplanned
Last Updated: 08 Mar 2023 08:50 by John
Created by: John
Comments: 0
Category: Grid
Type: Feature Request
1
Add an option that allows rendering a button in the search panel of the Grid. If enabled, it should allow filtering the data on click, instead of on typing in the search input.
Unplanned
Last Updated: 27 Feb 2023 09:43 by ADMIN
Created by: Reza
Comments: 1
Category: UI for ASP.NET MVC
Type: Feature Request
1

This problem raised in the community and it is challenging for developers to fix. Let say, I define the model for datetime as follow:

[DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
public DateTime CustomDate{ get; set; }

When we call it in the View and add a code for the Html.Kendo().DatePicker() , then it should follow the format of the model. Currently, DateTime will ignore our defined method model and we have to go and change globalization and some additional code  for it to work. The expected result is Kendo DatePicker must adapt whatever we define in ASP.net MVC model without need to make any additional change.


 

Unplanned
Last Updated: 22 Feb 2023 08:03 by ADMIN
Created by: Reza
Comments: 0
Category: UI for ASP.NET MVC
Type: Feature Request
1

In default ASP.net MVC, you have option to generate View from the EF, here is one example:

Tutorial: Generate views for EF Database First with ASP.NET MVC app | Microsoft Learn

I am looking for a similar option like we could right click and open wizard for Telerik ASP.net MVC and then select the EF and follow steps to generate a View such as form or grid. It also should generate required controller and should be smart like based on the data type creates the required field (e.g. date picker when data type is date) and the user could customize it after that.

Similar functionality already exists in the ASP.net MVC and it would be nice to have such a wizard for the Telerik too. I saw a similar one for Telerik for AJAX but it is not advance and I am looking for something simple and quick in Telerik.

Unplanned
Last Updated: 17 Feb 2023 16:51 by Steven

Bug report

Reproduction of the problem

  1. Set up a Grid for popup editing:
.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("RadioButtonTemplate"))

Add a RadioButton in the RadioButtonTemplate.cshtml template:

@model GridExample.Models.OrderViewModel

@(Html.Kendo().RadioButton().Name("engine1").Checked(true).HtmlAttributes(new { @name = "engine" }).Label("1.4 Petrol, 92kW"))
@(Html.Kendo().RadioButton().Name("engine2").HtmlAttributes(new { @name = "engine" }).Label("1.8 Petrol, 118kW"))
  1. Click the "Add new record" button in the Grid's toolbar.

Current behavior

A js exception is thrown and the popup does not open:

Chrome:
Uncaught TypeError: Cannot read properties of undefined (reading 'toString') kendo.all.js:313050

Firefox:
Uncaught TypeError: this.bindings.checked.get() is undefined kendo.all.min.js:10:102181

The issue is reproducible with a RadioButton or a RadioButtonFor helper.

Expected/desired behavior

No exception is thrown and the custom popup displays the RadioButton.

Environment

  • Kendo UI version: 2023.1.117
  • jQuery version: x.y
  • Browser: [all]
1 2 3 4 5 6