CSS Grid with Radzen

Radzen.Blazor Components
1

Hello. I'm trying to align Radzen components (RadzenDatePicker 1fr, RadzenDatePicker 1fr, RadzenTextBox 1fr) in a Css Grid and have no luck. The behavior is not expected. The components should be aligned widthwise, but they are not. The project is attached.

image
image1744×904 110 KB

image
image1892×1120 108 KB

RadzenFilterApp.zip (113.7 KB)

2

Hi @kpolkovnikov,

RadzenTextBox renders an <input> that does not have an explicit width and therefore inherits the browser's default input size. Adding width should fix the misalignment.

<RadzenTextBox  Style="width: 100%;" />
1 Like