The CSS classes used by Blazor UI are not documented. (I haven't looked outside the Blazor area, so maybe it's somewhere else in the docs? My team has no need for other Telerik products.) On a similar note, the Themes page in the documentation explains how to reference alternate themes like Bootstrap, but it doesn't explain how to actually use the classes, or how it integrates with the real Bootstrap CSS, which have many various useful, well-known utilities like margin and padding settings, which don't seem to be part of the Telerik theme support. (I'm an architect at a very large corporation, we do have one of those includes-everything DevCraft licenses, I just can't log in with that account.)
Hi Marin,
I'm now using the 2.9.0 version. With TelerikNumericTextBox, it's OK but not with the other controls.
The source code
@page "/"
<div class="form-group">
<label>Libellé</label>
<input type="text" class="form-control" />
</div>
<div class="form-group">
<label>TelerikTextBox</label>
<TelerikTextBox Class="form-control" @bind-Value="@TelerikTextBoxField" />
</div>
<div class="form-group">
<label>TelerikNumericTextBox</label>
<TelerikNumericTextBox Class="form-control" @bind-Value="@TelerikNumericTextBoxField" T="int?" />
</div>
<div class="form-group">
<label>TelerikDatePicker</label>
<TelerikDatePicker Class="form-control" @bind-Value="TelerikDatePickerField" T="DateTime?" />
</div>
<div class="form-group">
<label>TelerikComboBox</label>
<TelerikDropDownList Class="form-control" Data="@TelerikComboBoxData" @bind-Value="TelerikComboBoxField"
ValueField="Id" TextField="Text" TItem="TelerikComboBoxItem" TValue="int?"/>
</div>
@code{
private string TelerikTextBoxField { get; set; }
private int? TelerikNumericTextBoxField { get; set; }
private DateTime? TelerikDatePickerField { get; set; }
private int? TelerikComboBoxField { get; set; }
private IList<TelerikComboBoxItem> TelerikComboBoxData { get; set; }
public class TelerikComboBoxItem
{
public int Id { get; set; }
public string Text { get; set; }
}
}
The result
