Product Bundles
DevCraft
All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
Web
Mobile
Document Management
Desktop
Reporting
Testing & Mocking
CMS
UI/UX Tools
Debugging
Free Tools
Support and Learning
Productivity and Design Tools
New to Telerik UI for ASP.NET AJAX? Download free 30-day trial
You can control the way panel items expand via the ExpandMode property of RadPanelBar. The supported modes are:
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="PanelBar.Examples.Functionality.PanelbarBehavior.DefaultCS" %> <%@ 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" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"> <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>