RadzenButton hide text on small screens

Radzen Studio Blazor Server
1

I'm new to Radzen for Blazor and I really like it.

I add a button:
<RadzenButton Click="@((args) => NavigationManager.NavigateTo("/Logout", true))" Text="Logout" Icon="exit_to_app" ButtonStyle="ButtonStyle.Secondary"/>
Which works well.

When on smaller screens I would like to use a smaller version of this button and hide to text label to show only the icon.
Using bootstrap classes I can do this, but how to do this with the Radzen syntax?

2

Hi @Paul_Meems,

Are you using Radzen or the free Radzen Blazor components?

3

Both.
I was first just using the Radzen Blazor components and just downloaded Radzen (the desktop tool).
I'm using the generated code in my own application.

4

In this case it would probably be easiest to use a CSS media query that hides the button text:

@media (max-width: 768px) {
  .ui-button-text {
     display: none;
  }
}
5

Thanks, that worked.