Button with Image

Radzen Studio Blazor Server
1

Hello all,
does someone know how to place an Image on an RadzenButton like in the Blazor Demo?
Didnt have a image property...

In The Demo it looks like this:

image
image1169×65 5.17 KB

but i cant insert an RadzenImage on the RadzenButton...

Thanks in Advance
Thomas

2

Hello Radzen Team,
can you please tell me how to define an Image on an RadzenButton like you did in the Online Demo?

 <h3>Button with icon</h3>
        <RadzenButton Click="@((args) => Click(args, "Button with icon"))" Icon="account_circle" Style="margin-bottom: 20px; width: 80px" />
        <br />
        <h3>Button with image</h3>
        <RadzenButton Click="@((args) => Click(args, "Button with image"))" ButtonStyle="ButtonStyle.Light" Style="margin-bottom: 20px; width: 80px">
            <RadzenImage Path="images/radzen-nuget.png" Style="width:100%" />
        </RadzenButton>
        <br />
        <h3>Button with secondary style</h3>
        <RadzenButton Click="@((args) => Click(args, "Secondary button"))" Text="Button" ButtonStyle="ButtonStyle.Secondary" Style="margin-bottom: 20px; width: 150px" />
        <br />

Regards
Thomas

3

Hello Radzen Team,
can you help please?
We need to put Images on Buttons....

Kind Regards
Thomas

4

Hi @Thomas,

You can use HTML component to define such content:

image
image1920×1080 106 KB

image
image1920×1080 114 KB

image
image1920×1080 68.2 KB

The Click event in this case should be defined in the page partial class:

image
image1920×1080 120 KB

image
image1920×1080 159 KB

5

Hi @enchev,
Thanks for the help!

A custom component is for sure a solution to this. But we need Images on every button.
And this solution is not very handy for hundreds of buttons. Especially for submit buttons.

Are there any chance that you give us the possibility in Radzen Designer to define an image just like an icon on the radzenbutton? as with the navigation Items...

That were great

Thomas

6

Sure, we can do that! It will be part of our next update.

7

Wow!
This is great! many many Thanks! That will save us much work.

Many Greetings
Thomas

8

Installed new vesion. New Image Property on Buttons works as espected!

Great Work!

Many Thanks!
Thomas