I have rad panel bar at the left side of the page.I want to load a rad tab on the right side of the page.The idea is to generate multiple tabs dynamically on the same page.Please note I have divided the page using a radsplitter. Lets say i have the following items at the panel bar:
Item1
Item2
Item3
The right side page is called home.aspx.Now clicking Item1 will open radtab1 on home.aspx and without reloading home.aspx if I click Item2 another new tab(radtab2) will open beside radtab1.Any idea how I can achieve this?Thanks in advance.
Here's the code of the page
Item1
Item2
Item3
The right side page is called home.aspx.Now clicking Item1 will open radtab1 on home.aspx and without reloading home.aspx if I click Item2 another new tab(radtab2) will open beside radtab1.Any idea how I can achieve this?Thanks in advance.
Here's the code of the page
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> html, body, form { background: #fff; height: 100%; margin: 0; padding: 0; width: 100%; position: absolute; } </style> <link href="Styles/Default.css" rel="stylesheet" type="text/css" /></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div class="page"> <div class="header01"> <div class="head_top"> <div class="homeicon"> <asp:HyperLink runat="server" Target="_parent" NavigateUrl="~/Default.aspx"> <asp:Image ID="Homeicon" runat="server" ImageUrl="~/Images/home.png"/> </asp:HyperLink> </div> <div class="side01"> <label class="text02">XERP</label> </div> <div class="side02"> <telerik:RadMenu runat="server" Skin=""> <Items> <telerik:RadMenuItem CssClass="dropdowntop"> <ItemTemplate> <div class="dropdownside01"> <label class="text01">Hi! Rezwanul Huq</label> <label class="text01">Wed 15, Oct 2012 15:12</label> </div> <div class="dropdownside02"> <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Icons/client.png"/> </div> </ItemTemplate> <Items> <telerik:RadMenuItem CssClass="Dropdown"> <ItemTemplate> <div class="DropdownIcon"> <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/message.png" CssClass="DropdownIconAlign" /> </div> <div class="DropdownText"> <asp:Label ID="Label1" runat="server" class="text03">Inbox</asp:Label> </div> </ItemTemplate> </telerik:RadMenuItem> <telerik:RadMenuItem CssClass="Dropdown"> <ItemTemplate> <div class="DropdownIcon"> <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/chpassword.png" CssClass="DropdownIconAlign" /> </div> <div class="DropdownText"> <asp:Label ID="Label1" runat="server" class="text03">Change Password</asp:Label> </div> </ItemTemplate> </telerik:RadMenuItem> <telerik:RadMenuItem CssClass="Dropdown"> <ItemTemplate> <div class="DropdownIcon"> <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Settings.png" CssClass="DropdownIconAlign" /> </div> <div class="DropdownText"> <asp:Label ID="Label1" runat="server" class="text03">Settings</asp:Label> </div> </ItemTemplate> </telerik:RadMenuItem> <telerik:RadMenuItem CssClass="Dropdown"> <ItemTemplate> <div class="DropdownIcon"> <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/help.png" CssClass="DropdownIconAlign" /> </div> <div class="DropdownText"> <asp:Label ID="Label1" runat="server" class="text03">Help</asp:Label> </div> </ItemTemplate> </telerik:RadMenuItem> <telerik:RadMenuItem CssClass="Dropdown"> <ItemTemplate> <div class="DropdownIcon"> <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Logout.png" CssClass="DropdownIconAlign" /> </div> <div class="DropdownText"> <asp:Label ID="Label1" runat="server" class="text03">Log Out</asp:Label> </div> </ItemTemplate> </telerik:RadMenuItem> <telerik:RadMenuItem CssClass="Dropdown"> <ItemTemplate> <div class="DropdownText01"> <asp:Label ID="Label1" runat="server" class="text03">Last Login Detail: <br /> Wed 15, Oct 2012 15:12</asp:Label> </div> </ItemTemplate> </telerik:RadMenuItem> </Items> </telerik:RadMenuItem> </Items> </telerik:RadMenu> </div> </div> </div> <div class="bottom"> <telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="100%" runat="server" ResizeMode="EndPane"> <telerik:RadPane ID="RadPane1" runat="server" Width="18.8%" CssClass="menu" Scrolling="Y"> <div style="height:3%; margin:3px 1px 0px 3px;"> <telerik:RadTextBox EmptyMessage="Search Menu...." ID="searchbox" runat="server" Width="178px"> </telerik:RadTextBox> <telerik:RadButton ID="searchbtn" runat="server" Skin="" CssClass="SearchButton" > <Icon PrimaryIconWidth="26px" PrimaryIconHeight="26px" PrimaryIconUrl="Images/Icons/search.png" /> </telerik:RadButton> </div> <telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem" Height="96%" Width="100%"> <Items> <telerik:RadPanelItem runat="server" Expanded="true" Height="30px" Text="Business Settings" ImageUrl="~/Images/Icons/business_settings.png"> <Items> <telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettings/CompanySetup.aspx" Target="MainPane" Text="Company Setup"> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettings/BankSetup.aspx" Target="MainPane" Text="Bank"> </telerik:RadPanelItem> </Items> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" Height="30px" Text="Human Resource" ImageUrl="~/Images/Icons/HRM_icon.png"> <Items> <telerik:RadPanelItem runat="server" NavigateUrl="~/HRM/Employee.aspx" Target="MainPane" Text="Employee"> </telerik:RadPanelItem> </Items> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" Height="30px" Text="Stock & Inventory" ImageUrl="~/Images/Icons/SI.png"> <Items> <telerik:RadPanelItem runat="server" NavigateUrl="~/SI/Items.aspx" Target="MainPane" Text="Items"> </telerik:RadPanelItem> </Items> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" Height="30px" Text="Security" ImageUrl="~/Images/Icons/security.png"> <Items> <telerik:RadPanelItem runat="server" NavigateUrl="~/Security/SecurityUsers.aspx" Target="MainPane" Text="User"> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" NavigateUrl="~/Account/ChangePassword.aspx" Target="MainPane" Text="Change Password"> </telerik:RadPanelItem> </Items> </telerik:RadPanelItem> </Items> </telerik:RadPanelBar> </telerik:RadPane> <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" /> <telerik:RadPane runat="server" ID="MainPane" ContentUrl="UserHome.aspx"> </telerik:RadPane> </telerik:RadSplitter> </div> </div> </form></body></html>1 Answer, 1 is accepted
0
Hi Syed,
Please take a look at the following forum post where I posted an answer for the same question - Panelbar Item to open rad tab
Kind regards,
Kate
the Telerik team
Please take a look at the following forum post where I posted an answer for the same question - Panelbar Item to open rad tab
Kind regards,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.