What css classes does a Telerik component use?

1 Answer 29 Views
General Discussions
Paul
Top achievements
Rank 1
Iron
Paul asked on 30 Sep 2022, 01:18 PM | edited on 30 Sep 2022, 01:18 PM

Hi

I want to change the look and feel of some components, I think i need to override some k-xxx styles

How do i know which component uses which styles.

 

So for example the TelerikTextBox , if i want to change the border, which style does it use now?


Paul

1 Answer, 1 is accepted

Sort by
0
Hristian Stefanov
Telerik team
answered on 05 Oct 2022, 10:42 AM

Hi Paul,

There are so many CSS classes responsible for different parts of the Blazor components. The easiest way to see the components CSS classes is to use your browser dev tools to inspect the page HTML.

I have prepared an example with TelerikTextBox for you to demonstrate one of the classes:

<style>
    .k-textbox {
        border-color: red;
    }
</style>

<p>TextBox value: @StringValue</p>

<TelerikTextBox @bind-Value="@StringValue" />

@code {
    string StringValue { get; set; }
}

Regards,
Hristian Stefanov
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.

Tags
General Discussions
Asked by
Paul
Top achievements
Rank 1
Iron
Answers by
Hristian Stefanov
Telerik team
Share this question
or