Template to set the styling for links within the kendo Grid

Progress® ThemeBuilder Pro Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Under Review

Last Updated: 20 Mar 2024 11:15 by ADMIN

Stephen

Created on: 20 Mar 2024 10:11

Type: Feature Request

Template to set the styling for links within the kendo Grid

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

1 comment

ADMIN

Nick Iliev

Posted on: 20 Mar 2024 11:15

Hello Stephen,

At present, it is not possible to customize the styles of anchors using the ThemeBuilder application. However, it's a great component template idea, so I have moved this thread to the Feature Requests section.

In the meantime, you can override the default CSS styling for links within the Grid by using the following styles (these are the default styles set in the Kendo Default theme):

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

.k-grid a:hover {
    text-decoration: none
}

Regards,
Nick Iliev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.