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.v20.1.dll

Declaration

public PanelFixedPosition FixedPosition { get; set; }
Public Property FixedPosition As PanelFixedPosition

Property Value

Type Description
PanelFixedPosition

One of the PanelFixedPosition enumeration values.

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