WorkWeekView Class
The View that displays appointments scheduled for a specific work week.
Namespace: DevExpress.Maui.Scheduler
Assembly: DevExpress.Maui.Scheduler.dll
NuGet Package: DevExpress.Maui.Scheduler
Declaration
public class WorkWeekView :
DayViewBase
Remarks
The image below highlights elements the view includes:
- Time Ruler
- Time Ruler Cell
- Time Ruler Header
- Header Item
- All Day Area
- All Day Appointment
- All Day Cell
- Appointment
- Day Cell
Note
- The FirstDayOfWeek property specifies the first day of the week.
- The WorkDays property defines days that belong to a work week.
The following table lists basic settings that configure the view:
Property | Description |
---|---|
Gets or sets whether the View should show only WorkTime. This is a bindable property. | |
Gets or sets how the View snaps the scheduler’s appointments. This is a bindable property. |
Example
The following example customizes WorkWeekView cells:
<dxsch:WorkWeekView>
<dxsch:WorkWeekView.DataStorage>
<dxsch:SchedulerDataStorage>
<dxsch:SchedulerDataStorage.DataSource>
<dxsch:DataSource AppointmentsSource="{Binding MedicalAppointments}">
<dxsch:DataSource.AppointmentMappings>
<dxsch:AppointmentMappings
Id="Id"
Start="StartTime"
End="EndTime"
Subject="Subject"
LabelId="LabelId"
Location="Location"/>
</dxsch:DataSource.AppointmentMappings>
</dxsch:DataSource>
</dxsch:SchedulerDataStorage.DataSource>
</dxsch:SchedulerDataStorage>
</dxsch:WorkWeekView.DataStorage>
<!--Customize the date header appearance.-->
<dxsch:WorkWeekView.HeaderItemAppearance>
<dxsch:DayViewHeaderItemAppearance BackgroundColor="#dce0ec"
TodayDayNumberBackgroundColor="#fff7c2"
TodayDayNumberTextColor="{StaticResource redText}"
TodayWeekDayTextColor="{StaticResource redText}"/>
</dxsch:WorkWeekView.HeaderItemAppearance>
<!--Customize the time ruler appearance.-->
<dxsch:WorkWeekView.TimeRulerCellAppearance>
<dxsch:TimeRulerCellAppearance BackgroundColor="#dce0ec"
IntervalTickColor="#8e9bbc" IntervalTickLength="15"
SlotTickColor="#8e9bbc" SlotTickLength="7"/>
</dxsch:WorkWeekView.TimeRulerCellAppearance>
<dxsch:WorkWeekView.TimeRulerHeaderAppearance>
<dxsch:TimeRulerHeaderAppearance BackgroundColor="#dce0ec"/>
</dxsch:WorkWeekView.TimeRulerHeaderAppearance>
<!--Customize the all-day area appearance.-->
<dxsch:WorkWeekView.AllDayCellAppearance>
<dxsch:AllDayAreaCellAppearance BackgroundColor="#f1f1f1"
TodayBackgroundColor="#fff7c2"/>
</dxsch:WorkWeekView.AllDayCellAppearance>
<!--Customize the cell appearance.-->
<dxsch:WorkWeekView.CellAppearance>
<dxsch:DayViewCellAppearance WorkTimeBackgroundColor="White"
BackgroundColor="#f1f1f1"
TodayBackgroundColor="#fff7c2"
BorderColor="#bdbdbd"
SlotBorderColor="#e1e1e1">
<dxsch:DayViewCellAppearance.Customizer>
<local:WorkWeekViewCellCustomizer/>
</dxsch:DayViewCellAppearance.Customizer>
</dxsch:DayViewCellAppearance>
</dxsch:WorkWeekView.CellAppearance>
</dxsch:WorkWeekView>
Implements
Microsoft.Maui.Controls.ITabStopElement
Microsoft.Maui.IFrameworkElement
Inheritance
See Also