Progress® Telerik® UI for ASP.NET Core Feedback Portal

Approved

Last Updated: 15 Oct 2019 08:07 by ADMIN

TreeList update cancel icons and text

Created by: Rick

Comments: 0

Category: TreeList

Type: Feature Request

TreeList update cancel icons and text

I have worked with the grid and have successfully been able to change the update/cancel button text/icon for inline editing using the code below.

commands.Edit().Text(" ").IconClass("fa glyphcolor fa-edit").CancelText(" ").CancelIconClass("fa fa-times").UpdateText(" ").UpdateIconClass("fa fa-check");

For the TreeList the IconClass, CancelText, CancelIconClass UpdateText or UpdateIconClass are not exposed functions. Currently using JQuery and CSS you can workaround this but I would be nice if the TreeList exposed this functionality as the grid does.

Completed

Last Updated: 11 Oct 2019 11:55 by ADMIN

Release 2019.R3.SP.next

ToDataSourceResult raises exception when using Aggregates

Created by: محمد

Comments: 4

Category: UI for ASP.NET Core

Type: Bug Report

ToDataSourceResult raises exception when using Aggregates

Using .Net Core 3.0

ToDataSourceResult raises an exception if the DataSourceRequest has Aggregates

the exception says that there is no constructor with the following signature:

Void Microsoft.CodeAnalysis.CSharp.CSharpCompilationOptions(
	Microsoft.CodeAnalysis.OutputKind, 
	Boolean, 
	String, 
	String, 
	String, 
	Collections.Generic.IEnumerable`1<String>, 
	Microsoft.CodeAnalysis.OptimizationLevel, 
	Boolean, 
	Boolean, 
	String, 
	String, 
	Collections.Immutable.ImmutableArray`1<Byte>, 
	Nullable`1<Boolean>, 
	Microsoft.CodeAnalysis.Platform, 
	Microsoft.CodeAnalysis.ReportDiagnostic, 
	Int32, 
	IEnumerable<KeyValuePair<String,Microsoft.CodeAnalysis.ReportDiagnostic>>, 
	Boolean, 
	Boolean, 
	Microsoft.CodeAnalysis.XmlReferenceResolver, 
	Microsoft.CodeAnalysis.SourceReferenceResolver, 
	Microsoft.CodeAnalysis.MetadataReferenceResolver, 
	Microsoft.CodeAnalysis.AssemblyIdentityComparer, 
	Microsoft.CodeAnalysis.StrongNameProvider, 
	Boolean, 
	Microsoft.CodeAnalysis.MetadataImportOptions, 
	Microsoft.CodeAnalysis.CSharp.NullableContextOptions
)

I traced the error down to the method that causes it :

CSharpCompilation CreateCompilation(SyntaxTree syntaxTree)

maybe it needs to use an updated Microsoft.CodeAnalysis.CSharp nuget that supports .Net Core 3.0

Approved

Last Updated: 11 Oct 2019 07:53 by ADMIN

Refresh (Reload) method

Created by: Robert Madrian

Comments: 0

Category: Timeline

Type: Feature Request

Refresh (Reload) method

Feature request

Add Refresh method to the ASP.NET Core Timeline wrapper. It should allow user to reload the component using the current data items.

Pending Review

Last Updated: 10 Oct 2019 21:53 by D

unable to see full content of dropdownlist when it's in a grid

Created by: D

Comments: 0

Category: Grid

Type: Bug Report

unable to see full content of dropdownlist when it's in a grid

Hi!

We're using a drop down list as a grid cell's edit template, but.. our users are unable to properly edit the rows at the bottom of the grid due to drop down list going off the page, and closing when they attempt to scroll.

any ideas?

Approved

Last Updated: 09 Oct 2019 12:05 by ADMIN

Please add an ExpandOnOpen setting to the Drawer TagHelper

Created by: Laurie

Comments: 1

Category: Drawer

Type: Feature Request

Please add an ExpandOnOpen setting to the Drawer TagHelper

I'm trying to use it for navigation in a section using Razor Pages. Having to expand using javascript is very distracting when the user goes from page to page. Below is the code to create a self-running page that demonstrates the issue:

@page
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>TestDrawer</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.common-bootstrap.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.bootstrap-v4.min.css" />

    @* FontAwesome Pro css*@
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-xVVam1KS4+Qt2OrFa+VdRUoXygyKIuNWUUUBZYv+n27STsJ7oDOHJgfF0bNKLMJF" crossorigin="anonymous">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
            asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
            asp-fallback-test="window.jQuery"
            crossorigin="anonymous"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">
    </script>
    @* Place Kendo UI scripts after jQuery *@
    <script src="https://kendo.cdn.telerik.com/2019.2.514/js/kendo.all.min.js"
            asp-fallback-src="~/lib/kendo-ui/js/kendo.all.min.js"
            asp-fallback-test="window.kendo">
    </script>
    <script src="https://kendo.cdn.telerik.com/2019.2.514/js/kendo.aspnetmvc.min.js"
            asp-fallback-src="~/lib/kendo-ui/js/kendo.aspnetmvc.min.js"
            asp-fallback-test="kendo.data.transports['aspnetmvc-ajax']">
    </script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <style>
        /* Root navigation */
        #root-nav li,
        #example-nav li {
            list-style: none;
        }

        .root-nav-categories h3,
        #example-nav h3 {
            color: #000;
            font-size: 14px;
            line-height: 14px;
            padding: 0.5em 0 0.5em 3.571em;
            text-transform: uppercase;
        }

        #example-nav h3 {
            padding: 1.7em 0 0.5em 3.4em;
        }

        #example-nav-bar {
            border-top: 1px solid #e2e4e7;
        }


        #back-forward {
            display: block;
            position: relative;
            color: #000;
            font-size: 14px;
            line-height: 15px;
            font-weight: normal;
            padding: 1em 3.5em;
            /*vertical-align: middle;*/
        }

        #root-nav h4 a {
            text-align: right;
        }

        .back-nav {
            text-align: left;
        }

            .back-nav:before {
                position: absolute;
                top: 1em;
                left: 1.2em;
            }

        .forward-nav {
            text-align: left;
        }

            .forward-nav:before {
                position: absolute;
                display: block;
                top: 1em;
                right: 1.2em;
                width: 14px;
                height: 14px;
                -ms-transform: rotate(180deg); /* IE 9 */
                -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
                transform: rotate(180deg);
            }

        .root-nav-categories {
            margin-top: 1.417em;
        }

        #root-nav,
        #example-nav {
            padding-bottom: 30px;
        }

            #root-nav li a,
            #example-nav li a {
                /*controls customer navigation icon and text size*/
                /*font-size: 13px;*/
                /*line-height: 13px;*/
                color: #2d3e50;
                display: block;
                padding: 0.5em 0 0.5em .5em;
                transition: all .2s ease;
            }

            #example-nav li .group {
                font-size: 13px;
                font-weight: bold;
                line-height: 13px;
                color: #2d3e50;
                display: block;
                padding: 1.5em 0 0.25em 3.7em;
                transition: all .2s ease;
            }

        .flip {
            transform: rotate( -180deg );
            transition: transform 500ms ease;
        }

        .no-boarder {
            border: none;
        }

        .k-drawer-container {
            border: none;
        }

        /*Adjusts width of icon blocks in customer navigation*/
        .k-drawer-wrapper.k-drawer-mini-mode .k-drawer-items {
            width: 3.5rem;
        }

        #root-nav li a:hover,
        #example-nav li a:hover,
        #back-forward:hover {
            color: #000;
            text-decoration: none;
            background-color: #e2e4e7;
        }

        .k-hover-enabled #root-nav li a:hover,
        .k-hover-enabled #example-nav li a:hover {
            background-color: transparent;
        }

        #example-nav .active {
            background-color: #e2e4e7;
            cursor: default;
        }
    </style>
    @*<link rel="stylesheet" href="~/css/site.css" />*@
</head>
<body>
    <div id="example-sidebar" class="border border-secondary">
        @*<div id="nav-wrapper">*@
        <div id="nav">
            <div id="example-nav">
                <kendo-drawer name="drawer" mode="push" on-hide="onHide" min position="left" swipe-to-open="true" template-id="template" class="no-boarder">
                    <mini enabled="true" />
                </kendo-drawer>
            </div>
        </div>
        @*NAVIGATION STACK*@
        @*<a href="#">
                <span class="fa-stack" style="vertical-align: top;">
                    <i class="far fa-circle fa-stack-2x"></i>
                    <i class="far fa-exchange fa-stack-1x"></i>
                </span>
            </a>*@


        <a href="javascript:void(0);" onclick="toggleDrawer();" id="expand" title="Toggle Navigation">
            <span class="fa-stack mb-2 ml-2">
                <i class="far fa-circle fa-stack-2x"></i>
                <i class="far fa-exchange fa-stack-1x"></i>
            </span>
        </a>
        <script>
            function getCookie(cname) {
                var name = cname + "=";
                var decodedCookie = decodeURIComponent(document.cookie);
                var ca = decodedCookie.split(';');
                for (var i = 0; i < ca.length; i++) {
                    var c = ca[i];
                    while (c.charAt(0) == ' ') {
                        c = c.substring(1);
                    }
                    if (c.indexOf(name) == 0) {
                        return c.substring(name.length, c.length);
                    }
                }
                return "";
            }

            $(document).ready(function () {

                var drawerInstance = $("#drawer").data().kendoDrawer;
                var hideMenu = getCookie("HideCustomerMenu");
                if (hideMenu == 'true') {
                    var arrowButton = $("#expand");
                    arrowButton.toggleClass('flip');
                }
                else {
                    drawerInstance.show();
                }

            });

            function toggleDrawer() {
                var drawerInstance = $("#drawer").data().kendoDrawer;
                var drawerContainer = drawerInstance.drawerContainer;
                var arrowButton = $("#expand");

                if (drawerContainer.hasClass("k-drawer-expanded")) {
                    document.cookie = "HideCustomerMenu=true";
                    arrowButton.toggleClass('flip');
                    drawerInstance.hide();
                } else {
                    document.cookie = "HideCustomerMenu=false";
                    arrowButton.toggleClass('flip');
                    drawerInstance.show();
                }


            }
        </script>
        <script id="template" type="text/x-kendo-template">
            <ul class="menuBar list-unstyled">
                <li id="test1"><a href="testdrawer"><i class="fa fa-user-circle fa-2x fa-fw mr-2" aria-hidden="true" title="Page 1"></i>Page 1</a></li>
                <li id="test2"><a href="testdrawer" class="customer"><i class="fa fa-check fa-2x fa-fw mr-2" aria-hidden="true" title="Page 2"></i>Page 2</a></li>
                <li id="test3"><a href="testdrawer" class="customer"><i class="fa fa-random fa-2x fa-fw mr-2" aria-hidden="true" title="Page 3"></i>Page 3</a></li>
                <li id="test4"><a href="testdrawer" class="customer"><i class="fa fa-dollar-sign fa-2x fa-fw mr-2" aria-hidden="true" title="Page 4"></i>Page 4</a></li>
                <li id="test5"><a href="testdrawer" class="customer"><i class="fa fa-paperclip fa-2x fa-fw fa-rotate-90 fa-flip-horizontal mr-2" aria-hidden="true" title="Page 5"></i>Page 5</a></li>
            </ul>
        </script>
    </div>
    <script>
        function onHide(e) {
            e.preventDefault();
        }
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"
            asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"
            asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
            crossorigin="anonymous"
            integrity="sha256-E/V4cWE4qvAeO5MOhjtGtqDzPndRO1LBk8lJ/PR7CA4=">
    </script>
</body>
</html>

Approved

Last Updated: 08 Oct 2019 10:40 by ADMIN

Multilevel lists support in the Editor

Created by: Ludwig

Comments: 1

Category: Editor

Type: Feature Request

Multilevel lists support in the Editor

Add support for multilevel lists in the Editor. Currently, multilevel lists pasted from Word into the Editor are not functional. Adding child items does not work, because the Editor renders nested lists as <p> elements, instead of <ol> and <li> elements.

Approved

Last Updated: 07 Oct 2019 13:09 by ADMIN

Scheduled for 2019.R3.SP.next

PanelBar TagHelper does not change visibility of items when the visible attribute is used on items

Created by: SAM

Comments: 0

Category: PanelBar

Type: Bug Report

PanelBar TagHelper does not change visibility of items when the visible attribute is used on items

Bug report

When visible attribute is set to false for a panelbar-item, the item remains visible when the widget is rendered.

Reproduction of the problem

<kendo-panelbar name="project">
        <items>
            <panelbar-item text="Storage" expanded="true">
                <items>
                    <panelbar-item visible="false" text="Kids Storage" ></panelbar-item>
                </items>
            </panelbar-item>
        </items>
</kendo-panelbar>

Current behavior

Adding visible attribute to panelbar-item does not change its visibility.

Expected/desired behavior

Adding visible attribute to panelbar-item should change item visibility.

Environment

Kendo UI version: 2019.2.619
Browser: [all]

Pending Review

Last Updated: 07 Oct 2019 06:24 by ADMIN

Horizontal scrolling Chart

Created by: Jonathan

Comments: 1

Category: Chart

Type: Feature Request

Horizontal scrolling Chart

I have a large data array (>300 items) that are in the format (double, DateTime). It would be great to allow the entire array to be shown on the chart in both a mobile and desktop experience that would allow the user to pan, zoom, and scroll to see the data.

Declined

Last Updated: 03 Oct 2019 07:08 by ADMIN

Add custom views support to AspNetCore Gantt

Created by: Alberto Zanetti

Comments: 1

Category: Gantt

Type: Feature Request

Add custom views support to AspNetCore Gantt

That is a missing feature which is contained in Jquery gantt.

Pending Review

Last Updated: 01 Oct 2019 15:29 by ADMIN

Copied In Hierarchical Bullets are Malformed

Created by: Ludwig

Comments: 2

Category: Editor

Type: Bug Report

Copied In Hierarchical Bullets are Malformed

There is an issue when you copy /paste a bullet list from a Microsoft word document.

The numbers are not correct (See attached screenshot)
If you started a new line you don't get a new number for that hierarchical level. Instead, you just get a new line.

Pending Review

Last Updated: 26 Sep 2019 07:00 by ADMIN

Scheduler custom editor mobile template

Created by: Linda Soukup

Comments: 1

Category: Scheduler

Type: Feature Request

Scheduler custom editor mobile template

Add an option to configure a separate custom editor to be used when the Scheduler's mobile mode is enabled. This would make possible using two different templates at the same time, for example:

.Editable(editable => {
	editable.TemplateName("CustomEditorTemplate").MobileTemplateName("CustomEditorMobileTemplate");
})

Approved

Last Updated: 25 Sep 2019 09:49 by ADMIN

show bookmarks/document map in pdfviewer

Created by: Dan

Comments: 1

Category: PDFViewer

Type: Feature Request

show bookmarks/document map in pdfviewer

Is it possible to show the document map/bookmarks when using the PDFViewer ?

Approved

Last Updated: 13 Sep 2019 06:55 by ADMIN

Automatic height with the gantt

Created by: Alberto Zanetti

Comments: 1

Category: Gantt

Type: Feature Request

Automatic height with the gantt

I'm working with the Gantt in asp.net core and it's okay apart for the height.
I need it to be as high as the data inside it, similar to what you can do with grids.
I searched but I didn't find anything that would allow it;
How i can achive this result?

Approved

Last Updated: 29 Aug 2019 12:01 by ADMIN

Implement the custom [DataSourceRequest] attribute, which is used for parsing request data in the Telerik.DataSource NuGet Package.

Created by: Jeff

Comments: 0

Category: UI for ASP.NET Core

Type: Feature Request

Implement the custom [DataSourceRequest] attribute, which is used for parsing request data in the Telerik.DataSource NuGet Package.

Implement the custom [DataSourceRequest] attribute, which is used for parsing request data in the Telerik.DataSource NuGet Package. The attribute implementation is yet not present.

Approved

Last Updated: 23 Aug 2019 09:05 by ADMIN

Add Editable.Window Configuration to TreeList like in Grid

Created by: Mike

Comments: 0

Category: TreeList

Type: Feature Request

Add Editable.Window Configuration to TreeList like in Grid

I'd like to see the Editable.Window Configuration in TreeLists like in Grids, one would actually expect this configuration to be available on all controls that have an Editable configuration.

On a grid I use this code to set AutoFocus, but it is only available through JQuery on a TreeList.

.Editable(editable => editable.DisplayDeleteConfirmation(false)
                  .Mode(GridEditMode.PopUp)
                  .TemplateName("AccountEditor")
                  .Window(w => w
                      .Scrollable(false).AutoFocus(false)
                  ))

Thanks

M

Approved

Last Updated: 21 Aug 2019 13:35 by ADMIN

Grid Toolbar Template option in ASP.NET Core TagHelpers

Created by: Luba

Comments: 0

Category: Grid

Type: Feature Request

Grid Toolbar Template option in ASP.NET Core TagHelpers

Currently, the functionality for creating a toolbar template with TagHelpers is not available.

Completed

Last Updated: 20 Aug 2019 09:32 by ADMIN

Feature Request - Risk Matrix

Created by: John

Comments: 1

Category: Chart

Type: Feature Request

Feature Request - Risk Matrix

We have the need to create a chart to display Risk Information. Below is the image of a risk matrix as defined on pages 96 in AFPAM63-128 https://static.e-publishing.af.mil/production/1/saf_aq/publication/afpam63-128/afpam63-128.pdf -- there are more examples on page 101

Another example of a risk matrix can be seen on page 18 here -> https://static.e-publishing.af.mil/production/1/af_se/publication/afi90-802/afi90-802.pdf

I've copied the images here for convenience.

Would it be possible to add this to the Kendo Chart backlog?

Approved

Last Updated: 02 Aug 2019 14:40 by peter

impelement "SecurityTrimming" option for kendo menu in mvc core

Created by: Ehsan

Comments: 1

Category: UI for ASP.NET Core

Type: Feature Request

impelement "SecurityTrimming" option for kendo menu in mvc core

Due to changes in the ASP.NET Core framework and how the Authentication is implemented the MVC5 implementation of the SecurityTrimming option became obsolete.

Pending Review

Last Updated: 30 Jul 2019 07:03 by ADMIN

Tabstrip need an async reload method to load a tab in an async way

Created by: Thomas

Comments: 1

Category: TabStrip

Type: Feature Request

Tabstrip need an async reload method to load a tab in an async way

Hello,

For my project I need to load the content of multiples tabs simultaenously in an async way.

For now the "reload" existing method allow to load the content of a tab but it doesn't work in an async way. The reload methods freezes the screen until the content has been loaded.
Having a method to load the content of a tab in the background without stopping the main thread would be a huge add for this widget !

Hoping this feature will come out.

Best regards,

Thomas

Approved

Last Updated: 23 Jul 2019 18:17 by ADMIN

Upload message is misleading

Created by: Martin

Comments: 1

Category: Upload

Type: Feature Request

Upload message is misleading

When the upload fails (for example, server crashes), the component shows a word "Done" which is quite positive (even technically correct from the point of view of some internal code which participates on sending this files to a server). I vote for using some less positive work like "Failed" or "Some failed" or so which more reflects the user point of view what really happened and triggers a warning that the user should investigate and retry if needed.