Back to Devexpress

CollapsiblePanelSettings.FixedPosition Property

aspnetmvc-devexpress-dot-web-dot-mvc-dot-collapsiblepanelsettings.md

latest3.6 KB
Original Source

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

NuGet Package : DevExpress.Web.Mvc5

Declaration

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

Property Value

TypeDescription
PanelFixedPosition

One of the PanelFixedPosition enumeration values.

|

Available values:

NameDescription
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 FieldDescription
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.

csharp
@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

CallbackPanel

Panel

CollapsiblePanelSettings Class

CollapsiblePanelSettings Members

DevExpress.Web.Mvc Namespace