Skip to main content

RoundPanel

RoundPanel represents a rounded-corners panel that acts as a container for other page elements.

To learn more about RoundPanel and see it in action, refer to its online demos.

#Implementation Details

RoundPanel is realized by the RoundPanelExtension class. Its instance can be accessed via the ExtensionsFactory.RoundPanel helper method, which is used to add a RoundPanel extension to a view. This method’s parameter provides access to the RoundPanel‘s settings, implemented by the RoundPanelSettings class, allowing you to fully customize the extension.

RoundPanel‘s client counterpart is represented by the MVCxClientRoundPanel object.

#Declaration

RoundPanel can be added to a view in the following manner.

View code (ASPX):

<% 
    Html.DevExpress().RoundPanel(
        settings =>
        {
            settings.Name = "roundPanel";

            settings.HeaderText = "Header";
            settings.Width = 200;
            settings.SetContent(() =>
            {%>
                <div>Panel content</div>
            <%});
        })
        .Render();
%>

View code (Razor):

@Html.DevExpress().RoundPanel(
    settings =>
    {
        settings.Name = "roundPanel";

        settings.HeaderText = "Header";
        settings.Width = 200;
        settings.SetContent(() =>
        {
            ViewContext.Writer.Write("<div>some content</div>");
        });
    }).GetHtml()

Note

The Partial View should contain only the extension’s code.

The code result is demonstrated by the image below.

roundpanel-declaration.png