Back to Devexpress

DxSchedulerDiscardAppointmentChangesButton.RenderStyle Property

blazor-devexpress-dot-blazor-dot-dxschedulerdiscardappointmentchangesbutton.md

latest2.8 KB
Original Source

DxSchedulerDiscardAppointmentChangesButton.RenderStyle Property

Specifies the button’s predefined style.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public override ButtonRenderStyle RenderStyle { get; set; }

Property Value

TypeDescription
ButtonRenderStyle

An enumeration value.

|

Available values:

NameDescription
None

Resets the button’s style.

| | Primary |

Applies the primary style to the button.

| | Secondary |

Applies the secondary style to the button.

| | Info |

Applies the info style to the button.

| | Link |

Applies the link style to the button.

| | Success |

Applies the success style to the button.

| | Warning |

Applies the warning style to the button.

| | Danger |

Applies the danger style to the button.

| | Dark |

Applies the dark style to the button.

| | Light |

Applies the light style to the button.

|

Remarks

The following example applies the Dark render style to the Discard Appointment Changes button:

razor
<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage">
    <Views>
        <DxSchedulerWorkWeekView VisibleTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(8), 
                                 TimeSpan.FromHours(19)))" />
    </Views>
    <AppointmentFormHeaderTemplate>
        <DxSchedulerSaveAppointmentChangesButton />
        <DxSchedulerDeleteAppointmentButton />
        <DxSchedulerDiscardAppointmentChangesButton RenderStyle="ButtonRenderStyle.Dark" />
    </AppointmentFormHeaderTemplate>
</DxScheduler>

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

See Also

DxSchedulerDiscardAppointmentChangesButton Class

DxSchedulerDiscardAppointmentChangesButton Members

DevExpress.Blazor Namespace