Unplanned
Last Updated: 18 Mar 2024 14:11 by Navya
Created by: Navya
Comments: 0
Type: Feature Request
2

Hi, Team!

Currently, the Kendo Material theme is compliant with Material Design 2. I would like to request compliance with Material Design 3. 

Unplanned
Last Updated: 06 Feb 2024 08:19 by Jeremy

I would like to request that Telerik host all of the required nuget packages for Telerik.ui.for.Blazor on Telerik's nuget server.

Currently, all of the packages are there except for Telerik.FontIcons and Telerik.SvgIcons which are hosted on nuget.org instead. This is inconvenient when using Package Source mapping, where ideally all Telerik.* packages can be sourced direct from Telerik.

Pending Review
Last Updated: 14 Jul 2023 08:11 by ADMIN
Created by: Mathias
Comments: 1
Type: Feature Request
1

Some of our customers prefer a seamless design integration of their individual software solutions into the SAP ecosystem (e.g. in context of the BTP platform). So it would be nice to have a SAP Fiori theme like in Kendo UI for jQuery:

Declined
Last Updated: 26 Apr 2023 13:16 by ADMIN
Created by: Jan
Comments: 2
Type: Feature Request
0

We would like to use Kendo React to build a micro frontend UI but we did not found any relevant information that this is currently supported.

The main issue we are facing is how it isolate Kendo theme styling between different micro frontends.

Let's say we have 2 micro frontends A and B:

- A is using Kendo v6.

- B is using Kendo v7 (or some other future/past version).

Both of them will include their global Kendo styles which will collide.

After some investigation, we came up with 2 possible approaches:

  1. Isolating micro frontends using shadow DOM. This is the most common technique but unfortunately not supported by Kendo React yet.
  2. Prepend custom class to all Kendo CSS selectors (for example ".microfronend-a .k-button" instead of just ".k-button").

We have experimented with the second approach and it seems like a way to go. It also required to append all popups to root DOM node of a micro frontend which can be done easily using PopupPropsContext.

But adding a class to all Kendo CSS selector is technically not a trivial task. It would be nice if Kendo supported this out of the box, for example by providing some SCSS configuration variable.

Unplanned
Last Updated: 19 Apr 2023 16:34 by ADMIN
Created by: David
Comments: 0
Type: Feature Request
4
As per this forum post you have stopped distributing minified theme css files as of R1 2023 SP1 (v 2023.1.314). It would be good if you could continue to provide minified theme css files to minimise impact on page rendering times.
Declined
Last Updated: 19 Apr 2023 16:34 by ADMIN

 

Are there plans to improve 2.0.0 compatibility with kendo themes? math/calc should still be backwards compatible.

Declined
Last Updated: 04 Apr 2023 07:16 by ADMIN
Created by: Levi
Comments: 1
Type: Feature Request
5
When creating a custom build, it's highly impractical to trim down the theme css. The Less source breaks out common widget properties, but the primary themable file lumps all widgets together into a single massive file. It would be nice if this could be split apart further to trim out unused widget styles entirely.
Declined
Last Updated: 04 Apr 2023 07:08 by ADMIN
It would be nice if Theme variables would be separated into a different file, to make it possible to import those variables into your own site.less. 
This way colors etc can be re-used across the entire site.
Unplanned
Last Updated: 16 Mar 2023 10:47 by Michael
Created by: Michael
Comments: 0
Type: Feature Request
0
Please include the theme version number in the CSS file. This will make maintenance during product version changes a lot easier.
Need More Info
Last Updated: 02 Sep 2022 06:18 by ADMIN
Created by: Brian Norris
Comments: 1
Type: Feature Request
2
There is a LOT of momentum for Tailwind CSS, and for good reason, as it seems to be a great way to build. I know one of my main clients is looking to go to Tailwind on all upcoming projects. While I know we can use Tailwind alongside UI for Blazor and it's default theme, there will be challenges to marry the two together seamlessly and efficiently. I would LOVE a Telerik UI for Blazor Tailwind theme so that I can continue to use UI for Blazor moving forward.
Unplanned
Last Updated: 17 Jun 2022 12:12 by Don Leduc
Created by: Don Leduc
Comments: 0
Type: Feature Request
1
Introduce more Web Font Icons
In Development
Last Updated: 07 Mar 2022 11:31 by ADMIN

With the new changes,  many variables were removed (like $primary-button-hovered-bg).

It is now generated through internal sass functions - but unfortunately, it only supports mixing color with black/white. resulting in washed-out colors if you want a lighter hover color.

 

I would expect to have an option to have a more linear lighten/darken sass functions.

 

Looking at the Kendo theme - try-lighten / try-darken exist that take the same input parameters.

There is also $kendo-solid-button-shade-function - but it is not marked as !default and cannot be overwritten.

Unplanned
Last Updated: 19 Jan 2022 09:04 by ADMIN
Scheduled for 2022.1

When you have a button inside a MultiSelect Footer template (for example), it is different visualized compared to the same button outside of the component. This comes from the k-list-container that is applied when a button is inside a toolbar.

 

-------ADMIN EDIT---------

A possible workaround for the scenario is to use custom styles as shown below:

<div class="row">
    <div class="col-2">
        <TelerikButton ButtonType="Telerik.Blazor.ButtonType.Button"
                       Icon="k-icon k-i-add"
                       Primary="true">
            New Value
        </TelerikButton>
    </div>

    <div class="col-10">
        <TelerikMultiSelect Data="@(
                                            new List<SelectListItem>()
                                            {
                                                { new SelectListItem { Text = "Text 1", Value = "Value1" } },
                                                { new SelectListItem { Text = "Text 2", Value = "Value2" } },
                                                { new SelectListItem { Text = "Text 3", Value = "Value3" } },
                                                { new SelectListItem { Text = "Text 4", Value = "Value4" } }
                                            })"
                            FilterOperator="StringFilterOperator.Contains"
                            Filterable="true"
                            TItem="SelectListItem"
                            TValue="string"
                            TextField="Text"
                            ValueField="Value">
            <FooterTemplate>
                <TelerikButton ButtonType="Telerik.Blazor.ButtonType.Button"
                               Class="my-nested-button"
                               Icon="k-icon k-i-add"
                               Primary="true">
                    New Value
                </TelerikButton>
            </FooterTemplate>
        </TelerikMultiSelect>
    </div>
</div>

@code{
    public class SelectListItem
    {
        public string Value { get; set; }
        public string Text { get; set; }
    }
}

<style>
    .k-list-container .k-button.my-nested-button {
        background-color: #ff6358;
        align-items: flex-start;
        align-self: flex-start;
    }

    .k-list-container .k-button-primary.my-nested-button,
    .k-list-container .k-button.k-primary.my-nested-button {
        /*copy the colors from the basic button*/
        border-color: #ff6358;
        color: #ffffff;
        background-color: #ff6358;
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
        /*change the flex alignment form the parent container*/
        align-items: flex-start;
        align-self: flex-start;
    }
</style>

Unplanned
Last Updated: 19 Jan 2022 08:34 by ADMIN
Scheduled for 2022.1
I would like to be able to add custom icons to the input components in my application
Under Review
Last Updated: 02 Dec 2021 12:15 by ADMIN
Created by: Yahia
Comments: 1
Type: Feature Request
2

It would be awesome to have "style hooks" for all components - this can be implemented through css variables/properties and would allow for things like dynamic theming including support for dark mode etc.

Because css variables/properties can be read and written through javascript this would open up several new ways for dynamic layouts.

CSS variable/properties are supported on all current browsers except IE 11, and it is possible to implement them with a gracefull fallback.

 

Completed
Last Updated: 27 Sep 2021 08:25 by ADMIN
Created by: Imported User
Comments: 2
Type: Feature Request
1
Currently, using npm install --save @progress/kendo-theme-material will get the standard Material Design theme for use across the React Components, but why is Material Black not available this way? (npm install --save @progress/kendo-theme-materialBlack)
Completed
Last Updated: 27 Sep 2021 08:01 by ADMIN

Hi Team,

I'd like to request the ability to add a Body section within the ThemeBuilder where the user can set the Body of the entire web document.  The Body section of the ThemeBuilder appears to only affect the Chat UI.

Thank you!

Completed
Last Updated: 17 Sep 2021 11:28 by ADMIN
Created by: n/a
Comments: 2
Type: Feature Request
3
Please add a dark theme similar to Kendo UI for Jquery
Under Review
Last Updated: 25 May 2021 11:14 by ADMIN
Created by: Lonwabo
Comments: 0
Type: Feature Request
1
I would like to use RGBA colors when generating a custom theme. 
Unplanned
Last Updated: 02 Mar 2021 16:22 by ADMIN
ADMIN
Created by: Vasil Yordanov
Comments: 0
Type: Feature Request
10
A new Kendo UI theme which is in compliance with and extends Zurb Foundation styles -> http://foundation.zurb.com/sites/docs/kitchen-sink.html
1 2 3