Unplanned
Last Updated: 23 Sep 2022 17:05 by AscanioTziazas
Created by: AscanioTziazas
Comments: 0
Category: DateTimePickers
Type: Feature Request
1
Expose a "week" navigation depth option for selecting days of the week.
Unplanned
Last Updated: 22 Sep 2022 09:28 by ADMIN
Created by: Dev
Comments: 1
Category: Gantt
Type: Feature Request
0

Is there a possibility to recognize when the user sorts a column in the GanttList?

Unplanned
Last Updated: 22 Sep 2022 08:31 by Alyasar
Created by: Alyasar
Comments: 0
Category: MultiSelect
Type: Feature Request
1

I'd like to utilize the MultiSelect's Columns as they are available in Kendo UI for jQuery.

Here is the Dojo I am referring to: https://dojo.telerik.com/@martin.tabakov@progress.com/avAvIPEM

Unplanned
Last Updated: 14 Sep 2022 15:30 by ADMIN
Created by: Manasavalli
Comments: 0
Category: Editor
Type: Feature Request
3
Currently all lists in editor are inserted with a default indent and this indent cannot be removed using the outdent button. Request to extend the outdent button functionality to be able to remove default indent on lists similar to list + outdent behavior in MS word or Telerik UI for WPF RichTextBox.
Unplanned
Last Updated: 07 Sep 2022 15:16 by ADMIN
Created by: Laurie
Comments: 3
Category: Drawer
Type: Feature Request
5

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>

Unplanned
Last Updated: 02 Sep 2022 10:29 by Srinivas
Created by: Srinivas
Comments: 0
Category: CheckBoxGroup
Type: Feature Request
1
Expose a .Columns() API configuration for displaying the checkboxes in a column-like manner.
Unplanned
Last Updated: 19 Aug 2022 08:16 by ADMIN
Created by: Ravi
Comments: 1
Category: PDFViewer
Type: Feature Request
5

1. Allow the elastic behavior of the PDFViewer's mobile scroller to be disabled. Currently, when scrolling to the top or to the bottom, the document jumps and then immediately re-adjusts its position under the widget's header/bottom border.

2. Add the ability to manually scroll the document up/down with mousedown.

3. Add keyboard scrolling support.

Unplanned
Last Updated: 16 Aug 2022 08:42 by Chris
Created by: Chris
Comments: 0
Category: DropDownList
Type: Feature Request
0

Can you include the "HtmlAttributes" option in the "SelectListItemBuilder" class?

For example:

@(Html.Kendo().DropDownList()
    .Name("color")
    .Items(items =>
    {
        items.Add().Text("First Item").Value("1").HtmlAttributes(new { ... });
        items.Add().Text("Second Item").Value("2");
    })
)

Declined
Last Updated: 03 Aug 2022 05:30 by ADMIN
Dear Support,

I appreciate if there is an example on how to export the images to excel from the grid.

Note : The images display in the grid are from the Azure Cloud storage.
Unplanned
Last Updated: 28 Jul 2022 08:16 by Christine
Created by: Christine
Comments: 0
Category: Notification
Type: Feature Request
1
Introduce the possibility to add sound effects to the Notification widget.
Unplanned
Last Updated: 20 Jul 2022 16:03 by Carl

Is it possible to implement a method in the Read() configuration of the DataSource that will append parameters as name-value pairs to the query string?

For example:

.Read(r => r.URL(myUrlPath).Handler(myPageHandler).AddQryStrPairs(myNameValuePairsModel))

Currently, I am appending the parameters manually as follows:

.Read(r => r.Url(qurc.PageUrlPath 
 "?handler=Read&area=" +  TkgrArea + "&serviceType=" + qurc.ServiceType.ToString() + "&serviceTag=" + qurc.ServiceTag  + "&entityType=" + qurc.EntityType).Data("forgeryToken"))

 

 

Unplanned
Last Updated: 06 Jul 2022 08:55 by ADMIN
Created by: Trusha
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
1

Hello,

I am working with application where I have thousands of images to load on ImageBrowser of Kendo Editor.

ImageBrowser is getting stuck as having too many images to load, Can we have any option to add pagination or lazy loading in ImageBrowser?

So, I can load only 20 images at a time and other based on request.

 

Thanks,

Trusha

Unplanned
Last Updated: 01 Jul 2022 05:29 by Andreas
Created by: Andreas
Comments: 0
Category: Grid
Type: Feature Request
1

Hello Team Telerik,

we have a Grid with a Select column:

...
.Columns(c =>
        {          
                c.Select().Width(50)
....

We want to give users the ability to quickly group rows that are selected. However, grouping the Grid by the Select() column is not possible

Unplanned
Last Updated: 30 Jun 2022 09:53 by Don Leduc
Created by: Don Leduc
Comments: 0
Category: Wizard
Type: Feature Request
0

Is it possible to implement an option to change the position of the Wizard ActionBar (Buttons and Pager elements)?

For example:

Unplanned
Last Updated: 29 Jun 2022 10:02 by Akesh Gupta

Is it possible to implement an option for the Telerik UI for ASP.NET Core Grid to change the default filter operator "eq" to "contains" when the Grid column checkbox filter menu is enabled?

For example:

columns.Bound(p => p.ShipName)
  .Filterable(ftb => ftb
    .Multi(true)
    .Search(true)
    .Operators(op => op
      .ForString(s => s
        .Clear()
        .Contains("Contains")
)));

//Filter expression:
filter: ShipName~contains~'test'

Unplanned
Last Updated: 24 Jun 2022 16:20 by Marc
Created by: Marc
Comments: 0
Category: CheckBoxGroup
Type: Feature Request
1
Add sizing options for the CheckBoxGroup similar to the regular CheckBox widget.
Unplanned
Last Updated: 17 Jun 2022 09:46 by Sachin
Created by: Sachin
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
1
I'd like to utilize the SpellCheck functionality that is already available for Telerik UI for AJAX in the Core suites as well.
Unplanned
Last Updated: 08 Jun 2022 14:00 by SWAT
Created by: SWAT
Comments: 0
Category: Captcha
Type: Feature Request
1
The Ajax Captcha Component supports configuring the noise factors of the image.

Such a feature would be useful in the Core Component as well.
Unplanned
Last Updated: 07 Jun 2022 07:38 by ADMIN
Created by: Christopher
Comments: 1
Category: UI for ASP.NET Core
Type: Feature Request
0
I would like the CascadeFrom value to be conditional based on a value obtained through JavaScript/JQuery.  This way it allows for web pages to be more dynamic.
Unplanned
Last Updated: 02 Jun 2022 17:07 by Jon
Created by: Stefania
Comments: 1
Category: Form
Type: Feature Request
13
Allow configuring the Upload component through the .Items configuration:
.Items(items =>
{    
    items.Add()
        .Field(f => f.Type)
        .Label(l => l.Text("Type:"))
        .Editor(e =>
        {
            e.Upload() 
        }
}

1 2 3 4 5 6