Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

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.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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:

Razor
<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.

See Also