R2 2018 Release is here – now with modern UI for chatbots and more! See what’s new!

PanelBar - Dynamic Creation

  • Current Date
    • Year : 2018
    • Month : 5
    • Day : 23
  • Current Time
    • Hours : 12
    • Minutes : 56
    • Seconds : 44
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

You can programmatically control any property of RadPanelBar at runtime to easily create or manage flexible panelbars on the fly. This example shows how to create a panelbar from scratch and populate it with the current date and time.

All items are created and added to the panelbar in the Page_Load event of the page.

Please review the source code of this example for details.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="PanelBar.Examples.PopulatingWithData.DynamicCreation.DefaultCS" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>

    <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" Height="200" Width="100%" ExpandMode="FullExpandedItem">


Find Assistance

Help Us Improve

Was this example helpful?