Skip to main content

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.v23.2.dll

NuGet Package: DevExpress.Web.Mvc5

Declaration

public PanelFixedPosition FixedPosition { get; set; }

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.

Panel_FixedPosition_Top

WindowBottom

Panel is docked to the bottom side of the browser screen.

Panel_FixedPosition_Bottom

WindowLeft

Panel is docked to the left side of the browser screen.

Panel_FixedPosition_Left

WindowRight

Panel is docked to the right side of the browser screen.

Panel_FixedPosition_Right

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.

See Also