DxSchedulerSubjectFormLayoutItem.IconCssClass Property

Specifies CSS class names applied to the icon of the Scheduler’s Subject form layout item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public override string IconCssClass { get; set; }

Property Value

Type	Description
String	CSS class names.

Remarks

An appointment displays a circle filled with the appointment color next to the subject. Use the IconCssClass property to customize icon settings or display a custom icon. Set the ShowIcon property to false to hide the icon.

DevExpress Blazor components support pre-defined icon sets (such as Iconic or Bootstrap-recommended libraries) and custom icon libraries. Refer to the following topic for more information: Icons.

<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage">
    <Views>
        <DxSchedulerWorkWeekView VisibleTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(8), 
                                 TimeSpan.FromHours(19)))">
        </DxSchedulerWorkWeekView>
    </Views>
    <AppointmentFormLayout>
        <DxSchedulerSubjectFormLayoutItem IconCssClass="oi oi-calendar" />
        @*...*@
    </AppointmentFormLayout>
</DxScheduler>

@code {
    DxSchedulerDataStorage DataStorage = new DxSchedulerDataStorage() {
        AppointmentsSource = ResourceAppointmentCollection.GetAppointments(),
        AppointmentMappings = new DxSchedulerAppointmentMappings() {
            Type = "AppointmentType",
            Start = "StartDate",
            End = "EndDate",
            Subject = "Caption",
            AllDay = "AllDay",
            Location = "Location",
            Description = "Description",
            LabelId = "Label",
            StatusId = "Status",
            RecurrenceInfo = "Recurrence"
        }
    };
}