CollapsiblePanelSettings.FixedPosition Property
Gets or sets the side of the browser screen where the panel is docked.
Namespace: DevExpress.Web.Mvc
Assembly: DevExpress.Web.Mvc5.v24.1.dll
NuGet Package: DevExpress.Web.Mvc5
Declaration
Property Value
Type | Description |
---|---|
PanelFixedPosition | One of the PanelFixedPosition enumeration values. |
Available values:
Name | Description |
---|---|
None | Panel is not docked to any side of the browser screen. |
WindowTop | Panel is docked to the top side of the browser screen. |
WindowBottom | Panel is docked to the bottom side of the browser screen. |
WindowLeft | Panel is docked to the left side of the browser screen. |
WindowRight | Panel is docked to the right side of the browser screen. |
Remarks
Panel allows you to dock your content to any side of the browser window by setting the FixedPosition property to any of the following enumeration values.
Enum Field | Description |
---|---|
PanelFixedPosition.WindowBottom | Panel is docked to the bottom side of the browser screen. |
PanelFixedPosition.WindowTop | Panel is docked to the top side of the browser screen. |
PanelFixedPosition.WindowLeft | Panel is docked to the left side of the browser screen. |
PanelFixedPosition.WindowRight | Panel is docked to the right side of the browser screen. |
If the FixedPosition property value is set to PanelFixedPosition.None, the panel position will not be fixed.
The code example below demonstrates how to fix the panel to the left side of the screen.
@Html.DevExpress().Panel(settings =>
{
settings.Name = "Panel";
// Defines the panel's fixed position.
settings.FixedPosition = DevExpress.Web.PanelFixedPosition.WindowLeft;
// ...
}).GetHtml()
When fixed to any of the screen sides, the panel displays a specific border that visually separates the panel content from the other page content.
Note
In fixed position, the Panel extension persists its position, regardless of page scrolling.