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.ChildContent Property

Specifies Loading Panel’s target content.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public RenderFragment ChildContent { get; set; }

#Property Value

Type Description
RenderFragment

Content markup.

#Remarks

When you customize the content of an indicator in the <IndicatorTemplate> tag, use the following approaches to specify the Loading Panel’s target content:

  • Use the ChildContent render fragment.
  • Use the PositionTarget property.
  • Add the LoadingPanel to the page without additional parameters.

In the following example, the default indicator is replaced with a custom icon:

<DxLoadingPanel Visible="true"
                ApplyBackgroundShading="true"
                CssClass="w-100">
    <IndicatorTemplate>
        <div class="indicator-icon" role="img"></div>
    </IndicatorTemplate>
    <ChildContent>
        <DxMemo @bind-Text="@Text"
                Rows="10" />
    </ChildContent>
</DxLoadingPanel>

Custom icon

Note

Since ChildContent contains nested markup of its parent class, the template content must conform to HTML semantics.

In other cases, you can omit the <ChildContent> tag:

Razor
<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.";
}

For more information, refer to the following article: Attach a Loading Panel to Target Content.

See Also