Skip to main content

SchedulerFormLayoutItemBase.IconCssClass Property

Specifies the icon’s CSS class.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor


public virtual string IconCssClass { get; set; }

Property Value

Type Description

The CSS class name.


You can use the following properties to create a custom edit form for appointments:

Construct the form based on layout items in the same way as when you use the DxFormLayout component. The Scheduler ships with a set of predefined layout items that correspond to items of the default edit form.

You can customize settings of these predefined items. Use the IconCssClass property to assign a custom icon to the layout item.

  .my-icon {
      width: 16px;
      height: 16px;
      background-image: url("../images/my-icon.svg");
      margin: 0 8px 0 0;

<DxScheduler StartDate="@DateTime.Today"
        <DxSchedulerWorkWeekView VisibleTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(8), 
    <AppointmentFormLayout >
        <DxSchedulerLocationFormLayoutItem IconCssClass="my-icon"></DxSchedulerLocationFormLayoutItem>

For more information, refer to the following help topic: Custom Appointment Form.

See Also