Completed
Last Updated: 27 Sep 2021 08:25 by ADMIN
Created by: Imported User
Comments: 2
Category: Themes
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)
Unplanned
Last Updated: 27 Sep 2021 08:15 by ADMIN
Created by: Kris Nobels
Comments: 1
Category: ThemeBuilder
Type: Feature Request
1
I would like to control the border-color from the list of parameters. 
Completed
Last Updated: 27 Sep 2021 08:01 by ADMIN
Created by: LFA
Comments: 1
Category: ThemeBuilder
Type: Feature Request
1

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: 27 Sep 2021 07:58 by ADMIN
Created by: G
Comments: 2
Category: ThemeBuilder
Type: Feature Request
2
We need a way to load/save themes.  The theme editor is honestly not very useful as it is.  This surely can't be hard to allow a user to upload a file and use that as the basis for making changes.  A one-off configuration is not how development works.  There was one ticket similar to this that was marked as fixed but bookmarking and loading from a page is a poor and easy way out way to do this imho.
Completed
Last Updated: 17 Sep 2021 11:28 by ADMIN
Created by: n/a
Comments: 2
Category: Themes
Type: Feature Request
3
Please add a dark theme similar to Kendo UI for Jquery
Unplanned
Last Updated: 14 Jul 2021 08:02 by ADMIN
Created by: Sheraz
Comments: 0
Category: Web Themes and ThemeBuilder
Type: Feature Request
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>

Under Review
Last Updated: 25 May 2021 11:14 by ADMIN
Created by: Lonwabo
Comments: 0
Category: ThemeBuilder
Type: Feature Request
1
I would like to use RGBA colors when generating a custom theme. 
Unplanned
Last Updated: 16 Mar 2021 15:06 by ADMIN
Created by: Shawn
Comments: 0
Category: Themes
Type: Feature Request
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
Category: Themes
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: 02 Mar 2021 16:19 by ADMIN
Created by: Imported User
Comments: 1
Category: ThemeBuilder
Type: Feature Request
2
The Themebuilder is way too narrow for me to style the product we are building properly. As a designer, I would like to be able to style most properties using a tool like that. E.g. I cannot style the grid except 3-4 properties. The example grid has no hierarchy, and most grid functions are not there for me to see/style. I have worked with your competition Infragistics before, and they have a very flexible AppStylist that allows me to change all style properties. 

I would like you to build something like that! And, of course, be able to import current CSS and not start from scratch every time...
Unplanned
Last Updated: 01 Mar 2021 16:30 by ADMIN
Created by: Levi
Comments: 0
Category: ThemeBuilder
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.
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: 04 Feb 2021 08:53 by ADMIN
Created by: Valid Development Factory
Comments: 1
Category: Themes
Type: Feature Request
0

Hello,

We want to create a custom Material theme for our ASP.NET Core web application. We are using the Sass Theme Builder but can only select predefined color swatches for the "Material" base theme. We would like to be able to set custom colors per "subject" just like you can with the "Default" and "Bootstrap" theme. 
Is this possible or are you blocking this on purpose for some reason?

Thank you in advance.

Unplanned
Last Updated: 21 Jan 2021 12:40 by ADMIN
Created by: Datafyer
Comments: 15
Category: Themes
Type: Feature Request
35

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.
In Development
Last Updated: 01 Jul 2020 15:24 by ADMIN
Created by: Edo
Comments: 3
Category: Web Themes and ThemeBuilder
Type: Feature Request
11

Please add theme based on CSS variables. That would allow developers to change theme at run-time and offer our customers similar experience that most (large) web sites offers, like Gmail, Office 365 online ...

Also, in the long run, this could be the only theme that's needed. All others could be based on this one.

Duplicated
Last Updated: 10 Apr 2020 11:45 by ADMIN
Created by: mihai
Comments: 1
Category: Themes
Type: Feature Request
5

Fluent UI is used in all major Microsoft 365 Apps. 

Why not make a Fluent UI theme for Blazor components? 

https://developer.microsoft.com/en-us/fluentui/#/controls/web

Unplanned
Last Updated: 20 Jan 2020 14:34 by ADMIN
Created by: Jeffrey
Comments: 2
Category: Themes
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
Category: Themes
Type: Feature Request
3

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

Under Review
Last Updated: 26 Jun 2019 14:02 by ADMIN
Created by: Robert
Comments: 1
Category: Themes
Type: Feature Request
1
Is there a plan in the future to support multiple themes when using Kendo components. I can currently implement multiple themes on custom components but this is not possible on Kendo components because they import variables directly from SCSS variables in the stylesheet. Due to the file bundling that takes place in React it is impossible to import two SCSS files with the same variable names. The second import will always override the first file. This could be avoided by using a css in javascript solution(e.g. styled-components). This would allow the user to pass in multiple theme objects by using react props. Is there any plan to migrate to a more modern solution for handling styles with Kendo components.
1 2