Tab
A newer version of this page is available. Switch to the current version.

ASPxRoundPanel Class

A rounded-corners panel control that acts as a container for other controls.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v18.2.dll

Declaration

public class ASPxRoundPanel :
    ASPxPanelBase,
    IRequiresLoadPostDataControl
Public Class ASPxRoundPanel
    Inherits ASPxPanelBase
    Implements IRequiresLoadPostDataControl

Related API Members

The following members accept/return ASPxRoundPanel objects:

Library Related API Members
ASP.NET Controls and MVC Extensions RoundPanelHeaderContentTemplateContainer.RoundPanel
RoundPanelHeaderTemplateContainer.RoundPanel
eXpressApp Framework RenderHelper.CreateASPxRoundPanel()

Remarks

The ASPxRoundPanel control is a container area with rounded corners.

roundpanel-declaration.png

The radius of the round panel's corners can be specified by the ASPxRoundPanel.CornerRadius property.

Panel Header

The round panel's header visibility is controlled by the ASPxRoundPanel.ShowHeader property. The header's text and image are specified by the ASPxRoundPanel.HeaderText and ASPxRoundPanel.HeaderImage properties, respectively.

You can specify a template for the entire panel header or the header content (the close button element persists) using the ASPxRoundPanel.HeaderTemplate and the ASPxRoundPanel.HeaderContentTemplate properties respectively.

Panel Views

A round panel can be displayed in either view as a standard round panel or as a group box, based on the ASPxRoundPanel.View property value.

ASPxRoundPanel_View

Panel Collapse

End-users are allowed to collapse panels if the ASPxRoundPanel.View property is set to Standard. In this case, end-users can collapse and expand a panel using the collapse button, or clicking the panel header provided the ASPxRoundPanel.AllowCollapsingByHeaderClick property is set to true. You can use the ASPxRoundPanel.Collapsed property to specify whether the panel is collapsed.

Content Loading on Demand

Content of an initially collapsed round panel can be loaded when the panel is first expanded. Using a postponed load of panel content you can enhance the response time of your web page on its initial load. To enable this functionality, set the ASPxRoundPanel.LoadContentViaCallback property to true. While the content is uploaded the loading panel is displayed.

NOTE

The ASPxRoundPanel control provides you with a comprehensive client-side functionality implemented using JavaScript code (see DevExpress.Web.Scripts to learn more):

The control's client-side API is enabled if the ASPxRoundPanel.EnableClientSideAPI property is set to true, or the ASPxPanelBase.ClientInstanceName property is defined or any client event is handled.

See Also