RadzenColumn Hide on XS Device

Radzen.Blazor Components
1

Hi.

Is there a way to hide a Radzencolumn on XS device. I tough setting a value of "0" will hide it but its not happening :slight_smile:

> <RadzenRow>
>     <RadzenColumn SizeLG="2" SizeMD="12" SizeSM="0" SizeXS="0">
>         <CardDevices></CardDevices>
>     </RadzenColumn>
>     <RadzenColumn SizeLG="3" SizeMD="12" SizeSM="0" SizeXS="0">
>         <CardExpiredDevices></CardExpiredDevices>
>     </RadzenColumn>
>     <RadzenColumn SizeLG="3" SizeMD="12" SizeSM="0" SizeXS="0">
>         <CardOrgsContracts></CardOrgsContracts>
>     </RadzenColumn>
> </RadzenRow>
2

Hi @Emmanuel_Pare,

You can use utility CSS classes to specify the display behavior. The following will hide the column for all widths under SM (0px up to 768px).

<RadzenColumn class="rz-display-none rz-display-sm-block" SizeMD="12" SizeLG="3">
1 Like
3

Thanks for the quick reply!