Approved
Last Updated: 11 Oct 2019 07:53 by ADMIN
Created by: Robert Madrian
Comments: 0
Category: Timeline
Type: Feature Request
2

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: 08 Oct 2019 15:48 by Rick
Created by: Rick
Comments: 0
Category: TreeList
Type: Feature Request
0

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.

Approved
Last Updated: 09 Oct 2019 12:05 by ADMIN
Created by: Laurie
Comments: 1
Category: Drawer
Type: Feature Request
1

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
Created by: Ludwig
Comments: 1
Category: Editor
Type: Feature Request
0
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.
Pending Review
Last Updated: 07 Oct 2019 06:24 by ADMIN
Created by: Jonathan
Comments: 1
Category: Chart
Type: Feature Request
0
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
Created by: Alberto Zanetti
Comments: 1
Category: Gantt
Type: Feature Request
1
That is a missing feature which is contained in Jquery gantt.
Approved
Last Updated: 25 Sep 2019 09:49 by ADMIN
Created by: Dan
Comments: 1
Category: PDFViewer
Type: Feature Request
1
Is it possible to show the document map/bookmarks when using the PDFViewer ?
Pending Review
Last Updated: 26 Sep 2019 07:00 by ADMIN
Created by: Linda Soukup
Comments: 1
Category: Scheduler
Type: Feature Request
0

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: 13 Sep 2019 06:55 by ADMIN
Created by: Alberto Zanetti
Comments: 1
Category: Gantt
Type: Feature Request
1
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. The attribute implementation is yet not present.
Approved
Last Updated: 21 Aug 2019 13:35 by ADMIN
Created by: Luba
Comments: 0
Category: Grid
Type: Feature Request
2

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

Approved
Last Updated: 23 Aug 2019 09:05 by ADMIN
Created by: Mike
Comments: 0
Category: TreeList
Type: Feature Request
1

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

 

Completed
Last Updated: 20 Aug 2019 09:32 by ADMIN
Created by: John
Comments: 1
Category: Chart
Type: Feature Request
5

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?

 

Pending Review
Last Updated: 30 Jul 2019 07:03 by ADMIN
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
Created by: Martin
Comments: 1
Category: Upload
Type: Feature Request
1

 

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.
Pending Review
Last Updated: 19 Jul 2019 08:03 by ADMIN
I'd like to request that there's an easy way CRUD to a remote datasource with the ListBox, similar to the grid & treelist.
Approved
Last Updated: 09 Jul 2019 13:58 by ADMIN
Created by: CONRAD
Comments: 1
Category: UI for ASP.NET Core
Type: Feature Request
1

It would be helpful if the following two options are added to the Telerik ASP.NET Core MVC Application VS template:

1. An option to enable Authorization in the project. It can be enabled in the default ASP.NET Core Web Application, but there is no option to do so in Telerik's template.

2. An option to choose whether CDN will be used for the Kendo UI client resources, or the required files will be registered locally.

Completed
Last Updated: 29 Jun 2019 07:07 by ADMIN
Would love to see support for multi column combo box for asp.net core
Approved
Last Updated: 01 Jul 2019 15:35 by ADMIN
Created by: KSafadi
Comments: 3
Category: DateTimePickers
Type: Feature Request
1

Hey,

It would be very useful if the TimePicker component would have a feature called something like "AutoFocusTime()". By default, when there is no value inside the TimePicker, the default focused time is "12:00 am", therefore the user has to scroll up all the way to the required time. With the feature above, it would be possible to enter a time which should be focused by default. For example "8:00 am" which is when most businesses start operating.

Now the question is, why not just putting in a default value. Well, in a form with lots of inputs, the user may not know anymore which values he entered and which inputs have a default value set and therefore submitting wrong data. If a input doesn't have a default value this mistake can be caught by setting a [Required] attribute. Threfore, the user has to enter a value and it will be guaranteed that all values where entered by him and it wasn't a default value which has been set.

See ticket id 1412837.

Pending Review
Last Updated: 21 Jun 2019 15:07 by ADMIN
Created by: RickC
Comments: 1
Category: PivotGrid
Type: Feature Request
1

This is actually a request for ALL PivotGrid Controls across the Telerik family. Currently only numeric values can be used in a PivotGrid. There are many instances when it can be really useful to perform Pivots on string values. Currently Telerik does not support this feature and I need to use the DevExpress PivotGrid to accomplish my use case. I would like to see Telerik adopt this same functionality.

 

 

1 2 3