I have a grid with a column that contains clickable text in <a> tags and want it to be obvious to the user that this is clickable, by having the text display in blue.

However, there is a CSS class being applied that is preventing the styling from showing:

.k-grid a {
    color: inherit;
    text-decoration: none;
}

Is it possible for me to modify the styling of these links within ThemeBuilder and not have to add a custom global style override? I have not found any way of changing this.

Thanks

Add the ability to style combined state: e.g. selected:hover:active.

Currently, you can style these states separately.

Hello,

I think it would be very useful if ThemeBuilder editor could somehow highlight changes done to components, their parts and their properties. 

Currently, when I want to review styling changes that I (or my coworkers) made in the past, I have to go through every part of component and look for the "revert" button.

If those changes were highlighted (see attached screenshot), it would greatly improve our workflow with ThemeBuilder.

Hello,

We are planning on setting many custom variables and would like more control over their ordering and naming.

• Enable sorting of custom variables
• Enable numbers in variable names

Thank you for your consideration!

I want to upload 2 variants of the same font (let's say Roboto with weight 300 and 500).

Then I want to configure the same font family for both of them.

This is currently not allowed (see attached screenshot).

I have to choose different names which results in an export like this:

@font-face {
  font-family: Roboto300;
  src: url('../fonts/roboto-v18-latin_latin-ext-300.woff') format('woff');
  font-style: normal;
  font-weight: 300;
  font-display: auto;
}

@font-face {
  font-family: Roboto500;
  src: url('../fonts/roboto-v18-latin_latin-ext-500.woff') format('woff');
  font-style: normal;
  font-weight: 500;
  font-display: auto;
}

But what I want to achieve is this:

@font-face {
  font-family: Roboto;
  src: url('../fonts/roboto-v18-latin_latin-ext-300.woff') format('woff');
  font-style: normal;
  font-weight: 300;
  font-display: auto;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/roboto-v18-latin_latin-ext-500.woff') format('woff');
  font-style: normal;
  font-weight: 500;
  font-display: auto;
}

My use case is that I want to set the font family only once and the just set different font-weight for individual components.

Also, we have migrated to Kendo / ThemeBuilder in our existing project which relies on fonts to be configured this way.

We started using Kendo / ThemeBuilder in our existing project which is using this root font size:

html {
    font-size: 10px;
}

This obviously cause issues with Kendo themese and ThemeBuilder which expects this value to be 16px.

Is there a way to configure this in ThemeBuilder or could this be implemented in the future?

Alternative solution would be to switch to 16px in our project. Which means we would have to recompute all CSS values which are using rem units.

I would like to be able to set the style for the focus state for all the input controls in one place.

Currently I would need to select each control, go the advanced edit and set my style. If I then need to make a small change to that style I have to repeat the process for each individual component.

It would be useful if there was a selector on the title bar of each component group that allowed you to set a styles for all the components in the group for states such as hover, focus etc.

Add ability to style the table headers in Scheduler

Add support for all possible Kendo/Telerik Components variants and configurations in ThemeBuilder.

For example, this includes all possible variants for creating a Kendo Button: 

• size
• shape
• rounded
• fillMode
• themeColor

The above should also be supported for various Kendo/Telerik components like 

- DateInput (requested through t.1633591)

- DropDownList (requested through t.1633591)

Hello. We'd like the pager to behave in such a manner so that when the user mouses over the selected button it stays the same color etc. instead of changing to the hover state. So if that means adding a Selected-Hover State to the Pager, that would be much appreciated.

Hi,

Currently, ThemeBuilder Pro is not supporting ASP.NET AJAX.

So, we would like the ability to create theme for ASP.NET AJAX.

Thanks,

Hello,

I am noticing that there are several styles that we cannot access through ThemeBuilder such as adding transitions, custom icons, etc. We would like the ability to export the ThemeBuilder package, add custom styles, then import back into ThemeBuilder. Is this possible? If not, this would be a great feature.

Thanks!
Ian

Hi,

Inside the exported zip from ThemeBuilder is a npm package, and I noticed that the package version is always set to 1.0.0.

Is there a way to edit and/or auto increment the package version so we can publish the exported themes to our internal npm repository?