WPF Scheduler - Customize Cell Colors

This example illustrates multiple techniques used to set the time cell background in a scheduler grouped by resources:

Map the Brush Property

In classic themes, a cell background color depends on the resource color. Use the following properties to specify the resource color:

• ResourceItem.Brush and ResourceItem.BrushName
• ResourceMappings.Brush and ResourceMappings.BrushName

<dxsch:DataSource.ResourceMappings>
    <dxsch:ResourceMappings Brush="Brush"
                            Caption="Caption"
                            Id="Id"/>
</dxsch:DataSource.ResourceMappings>

Files to Review

• ResourceBrushPropertyView.xaml
• ResourceViewModel.cs (VB: ResourceViewModel.vb)

Brush Set

Use the BrushSet property to declare a custom resource brush set. Refer to the following help topic for more information: Brushes and Customization.

<dxsch:SchedulerControl.BrushSet>
    <dxsch:BrushSet>
        <dxsch:BrushInfo Name="{x:Static dxsch:DefaultBrushNames.Resource1}"
                         Brush="OrangeRed"/>
        <dxsch:BrushInfo Name="{x:Static dxsch:DefaultBrushNames.Resource2}"
                         Brush="YellowGreen"/>
    </dxsch:BrushSet>
</dxsch:SchedulerControl.BrushSet>

Files to Review

• BrushSetView.xaml

Brush Provider

Use the BrushProvider property to declare a custom resource provider set. Refer to the following help topic for more information: Brush Provider.

<dxsch:SchedulerControl.BrushProvider>
    <dxsch:BrushProvider DefaultDarkCellBackground="LightCoral"                                                
                         DefaultLightCellBackground="LightSeaGreen"                                            
                         ResourceDarkCellBackground="{dxsch:OverrideBrushTransform OverrideBrush=LightGreen}"  
                         ResourceLightCellBackground="{dxsch:OverrideBrushTransform OverrideBrush=LightBlue}"/>
</dxsch:SchedulerControl.BrushProvider>

Files to Review

• BrushProviderView.xaml

Time Regions

Use the Time Regions feature to highlight specific time frames.

<dxsch:DataSource AppointmentsSource="{Binding Appointments}"
                  ResourcesSource="{Binding Resources}"
                  TimeRegionsSource="{Binding TimeRegions}">
    <dxsch:DataSource.TimeRegionMappings>
        <dxsch:TimeRegionMappings Brush="Brush"
                                  End="EndTime"
                                  Id="Id"
                                  ResourceId="ResourceId"
                                  Start="StartTime"/>
    </dxsch:DataSource.TimeRegionMappings>
</dxsch:DataSource>

Files to Review

• TimeRegionsView.xaml
• TimeRegionViewModel.cs (VB: TimeRegionViewModel.vb)

(not recommended) Cell Style

Use the CellStyle property to declare a custom cell style for a view, as demonstrated in previous versions of this example.

Documentation

• Customize Colors
• Customize Appointments

More Examples

• WPF Scheduler - Highlight Time Intervals
• WPF Scheduler - Customize Appointment Appearance
• WPF Scheduler - Handle the CustomAppointmentBackground Event to Change the Appointment Background
• WPF Scheduler - Customize the Appointment Flyout and Tooltip
• WPF Scheduler - Disable Resource Colorization

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)