New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

    Expand Behavior

    • ASP.NET controls
      • RadMenu
      • RadTabStrip
      • RadPanelBar
      • RadTreeView
    • WinForms controls
      • RadMenustrip
      • RadTabStrip
      • RadToolStrip
    • Other projects
      • SiteFinity
      • Reporting
      • RadAjax
    • Demo Configurator
    • PanelBar expand mode

    You can control the way panel items expand via the ExpandMode property of RadPanelBar. The supported modes are:

    • MultipleExpandedItems: More than one item can be expanded at a time.
    • SingleExpandedItem: Only one item can be expanded at a time. Expanding an item collapses the previously expanded one.
    • FullExpandedItem: Only one item can be expanded at a time. The expanded area occupies the entire height of the RadPanelbar
    • DefaultVB.aspx
    • DefaultVB.aspx.vb
    <%@ Page Language="vb" CodeFile="DefaultVB.aspx.vb" AutoEventWireup="true" Inherits="PanelBar.Examples.Functionality.PanelbarBehavior.DefaultVB" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
     
    <!DOCTYPE html>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head runat="server">
        <title>Telerik ASP.NET Example</title>
    </head>
     
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <div class="demo-container size-thin">
            <telerik:RadPanelBar RenderMode="Lightweight" runat="server" ID="RadPanelBar1" Width="100%">
                <Items>
                    <telerik:RadPanelItem Expanded="True" Text="ASP.NET controls">
                        <Items>
                            <telerik:RadPanelItem Text="RadMenu" />
                            <telerik:RadPanelItem Text="RadTabStrip" />
                            <telerik:RadPanelItem Text="RadPanelBar" />
                            <telerik:RadPanelItem Text="RadTreeView" />
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="WinForms controls">
                        <Items>
                            <telerik:RadPanelItem Text="RadMenustrip" />
                            <telerik:RadPanelItem Text="RadTabStrip" />
                            <telerik:RadPanelItem Text="RadToolStrip" />
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="Other projects">
                        <Items>
                            <telerik:RadPanelItem Text="SiteFinity" />
                            <telerik:RadPanelItem Text="Reporting" />
                            <telerik:RadPanelItem Text="RadAjax" />
                        </Items>
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelBar>
        </div>
        <qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1" Title="Demo Configurator">
            <Views>
                <qsf:View Title="PanelBar expand mode">
                   <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" CssClass="radio-list-h" RepeatLayout="OrderedList">
                        <asp:ListItem Value="MultipleExpandedItems" Selected="True">Multiple Expanded Items</asp:ListItem>
                        <asp:ListItem Value="SingleExpandedItem">Single Expanded Item</asp:ListItem>
                        <asp:ListItem Value="FullExpandedItem">Full Expanded Item</asp:ListItem>
                    </asp:RadioButtonList>
                </qsf:View>
            </Views>
        </qsf:ConfiguratorPanel>
        </form>
    </body>
    </html>

    Support & Learning Resources

    Find Assistance