Version

Configuring Overlay Style (xamBusyIndicator)

Topic Overview

Purpose

This topic explains how to change the default overlay style of the xamBusyIndicator™ control.

Required background

The following topics are prerequisites to understanding this topic:

Topic Purpose

This topic explains the features supported by the control from developer perspective.

This topic provides an overview of the visual elements of the control.

In this topic

This topic contains the following sections:

Configuring Overlay Style

Overview

Use the XamBusyIndicator OverlayStyle property to apply a custom style to the Rectangle element that is placed over the xamBusyIndicator content when the indicator is busy.

Property settings

The following table maps the desired configuration to the property settings that manage it.

In order to: Use this property: And set it to:

Apply a style to the content overlaying rectangle

Style

Example

The screenshot below demonstrates how the xamBusyIndicator control looks as a result of the following settings:

Property Value

<Style TargetType="{x:Type Rectangle}">

<Setter Property="Opacity" Value=".5" />

<Setter Property="Fill" Value="#FFF8FCC1" />

</Style>
Configuring Overlay Style 1.png

Following is the code that implements this example.

In XAML:

<ig:XamBusyIndicator IsBusy="True" >
    <ig:XamBusyIndicator.OverlayStyle>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Opacity" Value=".5" />
            <Setter Property="Fill" Value="#FFF8FCC1" />
        </Style>
    </ig:XamBusyIndicator.OverlayStyle>
</ig:XamBusyIndicator>

Related Topics

The following topics provide additional information related to this topic.

Topic Purpose

This topic explains how to display the xamBusyIndicator control.

This topic explains how to configure the xamBusyIndicator busy content.

This topic explains how to configure the delay before displaying the xamBusyIndicator control.

This topic explains how to configure explicitly which UIElement receives the focus when the xamBusyIndicator is no longer active.

This topic explains how to customize the xamBusyIndicator overlay style.

This topic explains how to customize the xamBusyIndicator control default animations brushes.