DxSchedulerShowAppointmentEditFormButton Class
A button that invokes an appointment’s extended edit form.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v25.1.dll
NuGet Package: DevExpress.Blazor
Declaration
public class DxSchedulerShowAppointmentEditFormButton :
SchedulerPopupButtonBase
Remarks
Use the DxSchedulerShowAppointmentEditFormButton
object to add the Show Edit Form button to an appointment tooltip or compact edit form. Declare this object in the following properties:
The following code snippet customizes the header of the compact edit form. The header displays the appointment’s subject and buttons (Save Changes, Delete Appointment, Discard Changes, and Show Appointment Form).
<DxScheduler StartDate="@DateTime.Today"
DataStorage="@DataStorage">
<Views>
<DxSchedulerWeekView ShowWorkTimeOnly="false"
TimeIndicatorVisibility="SchedulerTimeIndicatorVisibility.Never"
TimeScale="@(new TimeSpan(0,15,0))"
WorkTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(9), TimeSpan.FromHours(18)))"
VisibleTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(8), TimeSpan.FromHours(19)))">
</DxSchedulerWeekView>
</Views>
<AppointmentCompactFormHeaderTemplate>
<div class="popup-text-header">@context.Subject</div>
<DxSchedulerSaveAppointmentChangesButton></DxSchedulerSaveAppointmentChangesButton>
<DxSchedulerDeleteAppointmentButton Text="@null"></DxSchedulerDeleteAppointmentButton>
<DxSchedulerDiscardAppointmentChangesButton></DxSchedulerDiscardAppointmentChangesButton>
<DxSchedulerShowAppointmentFormButton></DxSchedulerShowAppointmentFormButton>
</AppointmentCompactFormHeaderTemplate>
</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"
}
};
}
<style>
.popup-text-header {
margin-right: auto;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
</style>
Inheritance
Object
ComponentBase
SchedulerPopupButtonBase
DxSchedulerShowAppointmentEditFormButton
See Also