Radzen button with icon

Radzen.Blazor Components
1

Hi,
I would like to know if it’s possible with a RadzenButton to show its icon property at right rather than at left.
Until now, to do that, i use a RadzenImage rather than the icon property of the button.

But the trouble is, if i want use the “isbusy” property of the button, the circle is not shown because of this image, i think.

2

You can keep using the built-in Icon property (so IsBusy keeps working correctly) and just flip the order with a bit of CSS — the button is a flex container, so flex-direction: row-reverse does the job:

<style>
    .rz-button.icon-right {
        flex-direction: row-reverse;
    }
    .rz-button.icon-right .rzi {
        margin-left: 0.5rem;
        margin-right: 0;
    }
</style>

This keeps the spinner intact when IsBusy is true (the spinner replaces the rzi icon in the same slot, so the reversed order is preserved), and you avoid the RadzenImage workaround altogether.
If you only need it in one place, you can inline it with Style="flex-direction: row-reverse" instead of adding a class.​​​​​​​​​​​​​​​​

3

Hi,
Is it possible to do the same thing for the ‘IsBusy’ Icon of a RadzenButton when it’s clicked?