Facebook share button

Radzen Studio Blazor Server
1

I tried the following code to add a Facebook Share button to my Blazor (server side). While most icons work fine, the facebook icon shows up like a double icon:

Code:

<RadzenButton Image="images/radzen-nuget.png" ButtonStyle="ButtonStyle.Light" Style="color: white; background-color: #3b5998;">
    <RadzenIcon Icon="facebook" Style="width:20px;margin-right: 10px;" />
    Share
</RadzenButton>

Ends up looking like this:
bilde

Does anyone know why?

2

You seem to be using both Image and a RadzenIcon which is why you see two images.

3

Here I just use one icon and no image. It still fails as the second icon overlaps the S in Shape.

This is the facebook icon:
<RadzenButton Text="Share" Icon="facebook" Style="color: white; background-color: #3b5998;" Click="@OnShareWithFacebook"></RadzenButton>

bilde

4

This is the alarm icon, with otherwise the same code:
<RadzenButton Text="Share" Icon="alarm" Style="color: white; background-color: #3b5998;" Click="@OnShareWithFacebook"></RadzenButton>

bilde

So this is specific for the facebook icon. No other icons that I have tried ends up as a double icon. Also note that neither of those two icons is the actual facebook icon.

5

Found the cause of it. It seems the Facebook icon is introduced in Material Icons v4 while Radzen ships with Material Icons v3. We will update it in one of the next releases.

1 Like
7

This works fine now, after v4 was included!