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
>