Skip to main content

DxLoadingPanel.ApplyBackgroundShading Property

Specifies whether to shade the background when the Loading Panel appears.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool ApplyBackgroundShading { get; set; }

Property Value

Type Default Description
Boolean false

true to shade the background; otherwise, false.

Remarks

When the Loading Panel is visible, it partially overlaps content:

Blazor Loading Panel

Enable the ApplyBackgroundShading option to shade the target content area:

<DxLoadingPanel Visible="true"
                ApplyBackgroundShading="true"
                CssClass="w-100">
    <DxMemo @bind-Text="@Text"
            Rows="10" />
</DxLoadingPanel>

@code {
    string Text = "Andrew received his BTS commercial in 1987 and a Ph.D. in international marketing at the University " +
                  "of Dallas in 1994. He speaks French and Italian fluently, and reads German. He joined the company as " +
                  "a sales representative. After that, he was promoted to sales manager in January 2005 and vice president " + 
                  "of sales in March 2006. Andrew is a member of the Sales Management Round table, Seattle Chamber of Commerce, and Pacific Rim Importers Association.";
}

The Blazor Loading Panel with Background Shading

Note that if you shade the target content area and set the IndicatorAreaVisible property to false, the indicator uses contrast colors to stand out from the shaded background.

You can also set the IsContentVisible property to false to obscure content with a solid fill color.

See Also