DxLoadingPanel.IsContentBlocked Property

Specifies whether to block user interactions with target content when the Loading Panel is visible.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(true)]
[Parameter]
public bool IsContentBlocked { get; set; }

Property Value

Type	Default	Description
Boolean	true	true to disable user interactions; otherwise, false.

Remarks

When the Loading Panel is atop of another component, users cannot interact with it. Set the IsContentBlocked property to false to allow user interactions:

<DxLoadingPanel Visible="true"
                ApplyBackgroundShading="true"
                IsContentBlocked="false"
                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.";
}

If you also allow users to close the panel on click (the CloseOnClick property value is true), interaction with target content closes the loading panel.