RadzenRating I can't change color #1071

Closed
opened 2026-01-29 17:48:33 +00:00 by claunia · 0 comments
Owner

Originally created by @Andrey-2021 on GitHub (Dec 22, 2023).

Hello!

I can't change color in RadzenRating

Describe the bug
<RadzenRating @bind-Value=@comment.Stars Stars="5"
style="--rz-rating-color: red; --rz-rating-font-size: 2rem; --rz-rating-selected-color: red; --rz-rating-disabled-color: red;" />

I want to change color.
But it's not work.
And I see green box around RadzenRating

In this example
https://forum.radzen.com/t/how-to-set-the-background-color-of-all-columns-for-a-grid/4755/9
it shows how to change the style

To Reproduce
Steps to reproduce the behavior:

  1. I open DialogService.OpenAsync:
    await DialogService.OpenAsync("Добавить отзыв", ds =>
    @
    < div >
    <AddCommentComponent SaveCallback="()=>SaveClicked(ds)" CancelCallback="()=>CancelClicked(ds)" ProductId="@ProductId" / >
    </ div >

Screenshots
image

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Google chrome
  • Version: 120.0.6099.111
Originally created by @Andrey-2021 on GitHub (Dec 22, 2023). Hello! I can't change color in RadzenRating **Describe the bug** <RadzenRating @bind-Value=@comment.Stars Stars="5" style="--rz-rating-color: red; --rz-rating-font-size: 2rem; --rz-rating-selected-color: red; --rz-rating-disabled-color: red;" /> I want to change color. But it's not work. And I see green box around RadzenRating In this example https://forum.radzen.com/t/how-to-set-the-background-color-of-all-columns-for-a-grid/4755/9 it shows how to change the style **To Reproduce** Steps to reproduce the behavior: 1. I open DialogService.OpenAsync: await DialogService.OpenAsync("Добавить отзыв", ds => @ &lt; div &gt; &lt;AddCommentComponent SaveCallback="()=>SaveClicked(ds)" CancelCallback="()=>CancelClicked(ds)" ProductId="@ProductId" / &gt; &lt;/ div &gt; **Screenshots** ![image](https://github.com/radzenhq/radzen-blazor/assets/92442252/5229f843-ac17-4b4a-abf9-5b60ec774dc6) **Desktop (please complete the following information):** - OS: Windows 10 - Browser: Google chrome - Version: 120.0.6099.111
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1071