DxButtonEditSettings.InputCssClass Property
Specifies CSS classes applied to the editor’s input field.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v23.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(null)]
[Parameter]
public string InputCssClass { get; set; }
Property Value
Type | Default | Description |
---|---|---|
String | null | CSS class names delimited by spaces. |
Remarks
The following example applies .bg-light and .text-info classes to the ProductId column’s date editor input:
@inject IDbContextFactory<NorthwindContext> NorthwindContextFactory
<DxGrid Data="Products">
<Columns>
<DxGridCommandColumn />
<DxGridDataColumn FieldName="ProductId">
<EditSettings>
<DxSpinEditSettings InputCssClass="bg-light text-info" />
</EditSettings>
</DxGridDataColumn>
<DxGridDataColumn FieldName="ProductName" Width="25%" />
<DxGridDataColumn FieldName="UnitPrice" />
<DxGridDataColumn FieldName="UnitsOnOrder" />
</Columns>
<EditFormTemplate Context="EditFormContext">
<DxFormLayout>
<DxFormLayoutItem Caption="Product ID:" ColSpanMd="6">
@EditFormContext.GetEditor("ProductId")
</DxFormLayoutItem>
<DxFormLayoutItem Caption="Product Name:" ColSpanMd="6">
@EditFormContext.GetEditor("ProductName")
</DxFormLayoutItem>
<DxFormLayoutItem Caption="Unit Price:" ColSpanMd="6">
@EditFormContext.GetEditor("UnitPrice")
</DxFormLayoutItem>
<DxFormLayoutItem Caption="Units In Order:" ColSpanMd="6">
@EditFormContext.GetEditor("UnitsOnOrder")
</DxFormLayoutItem>
</DxFormLayout>
</EditFormTemplate>
</DxGrid>
@code {
NorthwindContext Northwind { get; set; }
List<Product> Products { get; set; }
IEnumerable<decimal?> Prices = new List<decimal?>() { 5, 10, 25, 50, 100};
protected override async Task OnInitializedAsync() {
Northwind = NorthwindContextFactory.CreateDbContext();
Products = await Northwind.Products.ToListAsync();
}
public void Dispose() {
Northwind?.Dispose();
}
}
To apply/remove CSS classes to/from the editor at runtime, use the IButtonEditSettings.InputCssClass property.
Implements
See Also