[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Collapse]Multi-Use Site Controls
   [Expand]Product Information
   [Expand]Callback Control
   [Expand]Callback Panel
   [Expand]Captcha Control
   [Expand]Rating Control
     ASPxRoundPanel Overview
    [Expand]Visual Elements
   [Expand]Timer Control
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

ASPxRoundPanel Overview

The ASPxRoundPanel control is a container area with rounded corners.

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 remains) using the ASPxRoundPanel.HeaderTemplate or the ASPxRoundPanel.HeaderContentTemplate property.

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.

Panel Collapsing

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 by clicking the panel Header provided when the ASPxRoundPanel.AllowCollapsingByHeaderClick property is set to true. You can use the ASPxRoundPanel.Collapsed property to specify whether or not the panel is collapsed.

On the client side, you can control the panel's collapse state using the ASPxClientRoundPanel.GetCollapsed and ASPxClientRoundPanel.SetCollapsed methods.

Content Loading on Demand

The content of an initially collapsed round panel can be loaded when the panel is first expanded. Using postponed loading 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. The Loading Panel is displayed while the content is uploading.

Is this topic helpful?​​​​​​​