I have a project that was developed almost entirely using Bootstrap and native Blazor components. After installing the Radzen package, I noticed a change in the appearance of the <InputNumber> components inside a table—they became larger and no longer match the previous Bootstrap styling.
Here's a snippet of the affected code (note that these are standard Blazor <InputNumber> components and not Radzen components):nt.,
<tr>
@if (art.PrecioVenta == 0) { art.PrecioVenta = art.PrecioLista; }
<td>@art.Codigo</td>
<td style="width: 200px;">@art.Descripcion</td>
<td><InputNumber @bind-Value="art.CantidadBultos" style="width: 100%" @onblur="()=>EjecutarCalculos(art)" onfocus="selectAllText(event)"></InputNumber></td>
<td>@art.PrecioLista.ToString("N2")</td>
<td>
<InputNumber id="Dt1@Ind" @bind-Value="art.Dt1" style="width: 100%" @onblur="()=>EjecutarCalculos(art)" onfocus="selectAllText(event)"> </InputNumber>
<ValidationMessage For="@(() => art.Dt1)" />
</td>
<td>
<InputNumber @bind-Value="art.Dt2" style="width: 100%" @onblur="()=>EjecutarCalculos(art)" onfocus="selectAllText(event)"></InputNumber>
<ValidationMessage For="@(() => art.Dt2)" />
</td>
<td>
<InputNumber @bind-Value="art.Dt3" style="width: 100%" @onblur="()=>EjecutarCalculos(art)" onfocus="selectAllText(event)"></InputNumber>
<ValidationMessage For="@(() => art.Dt3)" />
</td>
<td>@art.PrecioVenta</td>
@* <td> (campo no borrar, este es si queremos agregar condicion de recargo al cargar pedido, futuro condicional)
<InputNumber @bind-Value="art.Condicion" style="width: 100%" @onblur="()=>EjecutarCalculos(art)" onfocus="selectAllText(event)"></InputNumber>
<ValidationMessage For="@(() => art.Condicion)" />
</td> *@
<td>@art.PrecioFinal.ToString("N2")</td>
<td>
<button type="button" class="btn btn-primary btn-xs" @onclick="()=> SelectArticulo(art)">Agregar</button>
</td>
</tr>
}
This issue occurs even though I'm not using any Radzen components within the table. The installation of the Radzen package seems to have altered global styles or introduced CSS conflicts that affect standard Blazor input controls.