RadzenTextBox has fixed width

Radzen.Blazor Components
1

Hi,

I've been trying to figure out how to address this for a while and would like to know the reasoning behind this.

I am making a web application and from my requirements it should fit in a 720p screen at all times. I have an issue with some of the components to get them to fit that size and basically I need to specify each of the RadzenTextBox fields to have a width of 100%. However, the RadzenNumeric element for example has already this styling. Is there a reason for this difference?

image
image862×264 11.9 KB

2

Hi @iustin94,

RadzenTextBox uses only the <input> element under the hood which has a default width applied by the default browser styles. RadzenNumeric has a wrapper span element and the <input> inside it stretches to fill its parent. Long story short set the width of RadzenTextBox to 100%.

<RadzenTextBox style="width: 100%" ... />