[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
  [Collapse]Site Navigation and Layout
   [Expand]Product Information
   [Expand]Floating Action Button
   [Expand]Form Layout
   [Expand]Navigation Bar
   [Expand]Page Control and Tab Control
    Panel Overview
   [Expand]Site Map Control
   [Expand]Tag Cloud Control
   [Expand]Title Index
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [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)

Panel Overview

The ASPxPanel control represents a container area for other controls. It is useful when you wish to generate controls programmatically, hide/show a group of controls, etc.

Control Features

  • ASPxPanel allows you to specify a default panel button.
  • Horizontal and vertical scroll bars are supported.
  • A panel can be rendered as a table or as a div element.
  • Right-to-left representation support.
  • The client-side API allows you to manage panel visibility.
  • ASPxPanel allows you to get and set panel html content on the client side.
  • ASPxPanel allows you to dock its content to any side of the browser screen.
  • ASPxPanel can collapse and expand its content both on demand and when the browser screen is resized (adaptivity feature).

Collapsible Panel

The ASPxPanel control can hide its content and expose it only when a user clicks the expand button.

To enable this behavior, set the ASPxCollapsiblePanel.Collapsible property to true.

Adaptivity Settings

You can specify the panel control's adaptive behavior using the ASPxCollapsiblePanel.SettingsAdaptivity property. It provides the following settings:

Property Description
PanelAdaptivitySettings.CollapseAtWindowInnerHeight Specifies the maximum browser window's inner height when the panel collapses its content.
PanelAdaptivitySettings.CollapseAtWindowInnerWidth Specifies a the maximum browser window's inner width when the panel collapses its content.
PanelAdaptivitySettings.HideAtWindowInnerHeight Specifies the maximum browser window's inner height when the panel hides its content.
PanelAdaptivitySettings.HideAtWindowInnerWidth Specifies the maximum browser window's inner width when the panel hides its content.
View the Demo

Refer to the following online demos to see this mode in action:

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