SplitButton ChildContent

Radzen.Blazor Components
1

Is it possible to have the same style for SplitButton and for ChildContent of that very button?

2

Hi @Djordje,

Is something like this the desired outcome?

image

3

Exactly. That is what I need.

4

You can use the following styles:

.rz-splitbutton-menu.rz-popup {
    color: var(--rz-on-primary);
    background-color: var(--rz-primary);
    --rz-dropdown-item-hover-color: var(--rz-on-primary-dark);
    --rz-dropdown-item-hover-background-color: var(--rz-primary-dark);
}
5

It is not a systematic solution but a particular. When I have several split buttons on one page and when those buttons are different colors it is not such a simple solution.

6

Hi @Djordje,

With the latest v.5.2.9 of Radzen.Blazor you can assign an id and use it to style each popup of those buttons:

<RadzenSplitButton id="myColors" ... >
 ...
</RadzenSplitButton>

<style>
    #popupmyColors {
        color: var(--rz-on-primary);
        background-color: var(--rz-primary);
        --rz-dropdown-item-hover-color: var(--rz-on-primary-dark);
        --rz-dropdown-item-hover-background-color: var(--rz-primary-dark);
    }
</style>