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.

Unplanned
Last Updated: 19 Apr 2023 16:34 by ADMIN
Created by: David
Comments: 0
Type: Feature Request
3
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.
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.
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
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
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
Unplanned
Last Updated: 01 Mar 2021 16:25 by ADMIN
Some of the Kendo UI font icons unicode numbers are reserved in iOS (e.g e007, e006, etc. ). Thus, with the current implementation of the Kendo UI themes, before the font is loaded, the default icons corresponding to these unicode characters are being displayed. This is especially the case with a slow network connection.

A suggestion to handle the issue is to use a font loading strategy that renders an invisible fallback font face, or a font face observer.
Unplanned
Last Updated: 21 Jan 2021 12:40 by ADMIN
Created by: Datafyer
Comments: 15
Type: Feature Request
38

Currently there are 3 application themes: Default, Material, and Bootstrap.
These are nice and helpful however having 3 is quite a bit limiting.

I totally understand that a lot of people will and maybe should create a theme based on their own styles and preferences.
However I honestly think most people probably use a default theme and make small corrections to it in order to suit their needs.

-------

Admin edit: We will be keeping here a list of the suggestions, add your comment which one you would like to see implemented - if it's not on this list, we will add it:

  • Dark (black) theme - you can find a basic sample attached below that uses #363636 for background and #d5d5d5 for text colors (two of the main colors for the Black Material theme we have in Kendo), you can further tweak things in the Theme Builder app
  • Fluent UI - based on the Fluent UI by Microsoft
  • Kendo Themes such as BlueOpal, Silver and Office 365 - you can generate them from the predefined color swatches on the left hand side of the Theme Builder app
  • Theme that uses CSS, not SASS variables so that it can be customized at runtime - at the moment, you can generate the needed themes and switch them at runtime as shown here.

------

 

In WPF there are 20 or so styles.
Why only 3 in Blazor when the web is just as easy to style as WPF?

Unplanned
Last Updated: 19 Oct 2020 15:13 by ADMIN
I would like to be able to theme other, non-kendo controls to match kendo controls.  Some controls such as textarea i am able to do this with no problem with a k-textbox class, but i would also like to grandularly be able to set just the background to k-theme-background, foreground to k-theme-foreground, etc. This way if i use properties like this, they update with the kendo theme.
Unplanned
Last Updated: 20 Jan 2020 14:34 by ADMIN
Created by: Jeffrey
Comments: 2
Type: Feature Request
34
Especially with dark themes such as Metro Black, the traditional browser scrollbar does not really fit. I know scrollbar customization is not available in all browsers, but no fallback support is required (as the css is simply ignored by these browsers), and I believe it would greatly benefit users of the browsers that are supported.
Unplanned
Last Updated: 09 Oct 2019 08:11 by ADMIN
Created by: Christian
Comments: 1
Type: Feature Request
4

Hi there,

as we are building apps for SharePoint and Office we are in need of a theme that looks like Office 365. Kendo UI for jQuery has that but there's a big shift towards building those apps with Typescript and React. Unfortunately the Kendo UI React package doesn't provide an Office 365 theme so everything we build doesn't integrate well to the look and feel of SharePoint and Office. 

It would be great if you were able to migrate that theme over from jQuery to the React components.

Thanks and kind regards

  Christian