Vertical layout in RadzenButton

Radzen Studio Blazor Server
1

Hi ,

I would like to place the label below the image in the button.
In the button template edit, the two ROWs are aligned top and bottom and display correctly. However, when I finish editing, the top and bottom placement is broken and does not display correctly.
Is this correct behavior?

image
image1775×1119 119 KB

image
image1774×1055 130 KB

Radzen 2.80.4

RadzenButtonImagePlus.zip (63.8 KB)

Best Regards,
Yukishige.

2

Hi @Yukishige,

You can make it like this:

image

  1. Add a single row with a single column inside.
  2. Set the Display style attribute of the Image and Label to block.

image
image716×1194 84.2 KB

It should something like this:

image

3

Thanks! @korchev .
I have solved my problem thanks to your tips.

Simply setting the Display attribute to block did not fix the problem, but reverting the following settings to default gave the expected results.

image
image1698×1059 133 KB

The actual display is different from the button editing template setting, but this is not a problem since it can confirm at the design time.

image
image1698×1059 174 KB

Best Regards,
Yukishige.