Problem with an effect on styles after upgrading to Radzen 5

Radzen.Blazor Components
1

Hi!

I have promoted Radzen 5, and I have a RadzenPanelMenu in my application, which now has quite different effects when a menu item is selected. It makes like an effect of a drop that expands and changes color. I would like to leave it as the previous version had the styles when selecting an element, or at least remove that effect, and I cannot identify the CSS class where that effect is configured. Can you help me?

Thanks in advance

2

Hi @Luar79,

Have a look at this thread - Upgrading to Radzen.Blazor v5.0.

3

Ok!, Thank´s! I´m going to probe solutions of this thread, Let's see if there is any luck and with one of the proposals I can solve it!

4

Hi! I have try some solutions, and read all this trhead, but I think that it is not a problem in itself of the promotion to Radzen 5. I have been able to observe that the same effect in the Menu panel is done by the demo that is on the Radzen website. I have been reviewing the Radzen CSS code of the Menu panel, but I have not been able to find the class that performs that effect. If you could tell me what kind it is, I can at least change the color or even hopefully remove that effect. By default, this effect gives me some colors that do not follow the corporate colors of the application, for a client.

Thank you very much again.

5

Hi @Luar79,

Are you referring to the ripple effect? If so, it is built in the material themes by default, in accordance with the Material Design System. Here is one way to remove it - Radzen panel menu - #7 by korchev. Another option is to add this CSS to your styles:

.rz-navigation-item-link:not(.rz-state-disabled):before, 
.rz-menu-toggle:not(.rz-state-disabled):before {
    background: none !important;
}
6

Ok thank´s! I´m going to study the solution of the thread than you have shared
The other solution, to paste the css class to hidde the background colour, I'm afraid it doesn't solve it. I do access the backgorund, but you can only change the color, not invalidate it.