or
<head id="Head1"><title> ..:: Document Management System ::.. </title><link href="css/control.css" rel="stylesheet" type="text/css" /> <script src="js/GridMenu.js" type="text/javascript"></script> <script src="js/common.js" type="text/javascript"></script> <script src="js/window.js" type="text/javascript"></script> <link href="local/Skins/cilekv1/Button.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Calendar.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/ColorPicker.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/ComboBox.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Dock.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Editor.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Filter.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/FormDecorator.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Grid.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Input.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/ListBox.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/ListView.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Menu.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/PanelBar.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Rating.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Rotator.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Scheduler.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Sitemap.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Slider.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Splitter.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/TabStrip.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/TagCloud.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/ToolBar.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/ToolTip.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/TreeView.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Upload.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="local/Skins/cilekv1/Window.cilekv1.css" type="text/css" rel="stylesheet" />
<link href="/infostore/WebResource.axd?d=ZpsK7pBKcqkKFHVK0IWhC82NcqXUe7kZZ6TlAewvCZxXEuXAkn0meQFPJrsWChx-KxxXbBoXtKp_kqe_Sy6p3giZhBwPuXY3LUKDJzbEf7X1myMHW1gZBBBPOdKgLbWCgTuiSw2&t=634307904980000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />
<link href="/infostore/WebResource.axd?d=endhQ6Qxv9GK7FQAttZKvfPh2k4ewtcCvobIcCzdar7dn85KMU9E1mdMFAHvF1bvaqNLmjEp423Z7O8y8JIQrvhaw0A7QW1ThH85x9XtS9vGv9FCGDkKY9dwV-TEBMNuqbLUgg2&t=634307904980000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />
<link href="/infostore/WebResource.axd?d=0mGgI56WWrfJi_0BIbtn81g9vkxupv5ClM7MhgnZpE-umXCRrrGnD9Nn1AyHg1AZLM4Wk5j_edFbYoAi_HtE0zD1Ap5SokALhvlyN8zUbZtcrGQutjksW9iKPXXgXkGjI-547g2&t=634307904980000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />
<link href="/infostore/WebResource.axd?d=kevRWuiVun2yZFCCukmgbxAqvurdiqVxA40-YTUCn7oHyUY2zwKP90lWtV1kLC5crdTtvgwIevcS7I86J5WD3CwYgRXloIV70Xm2MOnDGeMo99Fp7uoGADmRVq8xFbx5Kn-obA2&t=634307904980000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />
<link href="/infostore/WebResource.axd?d=ITWriCyDLsop0dbB-F8_dej3G2TxRK6rJ0Vd9NKVtezLPhFBtThGEQtnCzC_GmxbaO_GY-Q1Pp-uIbDw5J0nNBKQLeLrE1yQYPXQKBuqdgFRoyhiFkvufmDeKIiQLYBBm7SD0w2&t=634307904980000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />
<link href="/infostore/WebResource.axd?d=7KyNN5knIAsYHh438GrQfxLPOYCdN7rOQqA0isJlNaKATy5pIY5cr4S4P9JF23IGG-irUIJew_ri56cp7g_Ds04g9ghghR_zNDgSGsTpNrDfWbk7Rpc5BFDVG0-62NpQvg3nnw2&t=634307904980000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />
</head> 
Note: Due to lack of interest, the Telerik SharePoint Acceleration Kit has been discontinued. You can still use the Telerik WebParts.

| (1) MainPage.aspx |
| ================== |
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestingTab.aspx.cs" Inherits="TestingTab" %> |
| <%@ 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> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <div> |
| <telerik:RadTabStrip ID="rtsTab" runat="server" MultiPageID="rmpTab" ScrollChildren="true"> |
| <Tabs> |
| <telerik:RadTab Text="ParentTab1" runat="server" Selected="true"> |
| <Tabs> |
| <telerik:RadTab Text="ChildTab1" PageViewID="pgView1" Selected="true"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="ChildTab2" PageViewID="pgView2"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTab> |
| <telerik:RadTab Text="ParentTab2" runat="server" PageViewID="pgViewTab" |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTabStrip> |
| <telerik:RadMultiPage ID="rmpTab" runat="server"> |
| <telerik:RadPageView ID="pgView1" runat="server" Selected="true"> |
| ParentTab1, ChildTab1 |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="pgView2" runat="server"> |
| ParentTab1, ChildTab2 |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="pgViewTab" runat="server"> |
| ParentTab2 |
| <button style="width: 70px;" onclick="openRadWin(); return false;">Upload</button> |
| <asp:DataList ID="dtlPhoto" runat="server" DataSourceID="odsPhoto"> |
| <ItemTemplate> |
| <img id="img" alt="" src='<%# Eval("ImageLocation") %>' /> |
| </ItemTemplate> |
| </asp:DataList> |
| </telerik:RadPageView> |
| </telerik:RadMultiPage> |
| <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" OnAjaxRequest="RadAjaxManager1_AjaxRequest"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="rtsTab"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="rtsTab" /> |
| <telerik:AjaxUpdatedControl ControlID="rmpTab" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| <telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="dtlPhoto" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| </div> |
| </form> |
| <telerik:RadWindowManager ID="RadWindowManager1" runat="server"> |
| <Windows> |
| <telerik:RadWindow |
| id="rdwUpload" |
| runat="server" |
| showcontentduringload="false" |
| width="400px" |
| height="200px" |
| title="Upload Photo" |
| behaviors="Pin,Close,Move" |
| Modal="true" OnClientClose="refreshDataList"> |
| </telerik:RadWindow> |
| </Windows> |
| </telerik:RadWindowManager> |
| <script type="text/javascript"> |
| function OnClientTabSelected(sender, args) { |
| var tab = args.get_tab(); |
| if (tab.get_tabs().get_count() != 0) { |
| tab.get_tabs().getTab(0).click(); |
| } |
| } |
| function openRadWin() { |
| radopen("http://localhost/Testing/Upload.aspx", "rdwUpload"); |
| } |
| function refreshDataList(arg) { |
| if (!arg) { |
| $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind"); |
| } |
| } |
| </script> |
| </body> |
| </html> |
| (2) MainPage.aspx.cs |
| ==================== |
| protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e) |
| { |
| if (e.Argument == "Rebind") |
| { |
| dtlPhoto.DataBind(); |
| } |
| } |
| (3) Upload.aspx |
| =============== |
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Upload.aspx.cs" Inherits="Upload" %> |
| <%@ 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"> |
| <script type="text/javascript"> |
| function CloseAndRebind(args) { |
| GetRadWindow().Close(); |
| GetRadWindow().BrowserWindow.refreshDataList(args); |
| } |
| function GetRadWindow() { |
| var oWindow = null; |
| if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog |
| else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well) |
| return oWindow; |
| } |
| function returnToParent() { |
| //get a reference to the current RadWindow |
| var oWnd = GetRadWindow(); |
| } |
| function RefreshParentPage() { |
| GetRadWindow().BrowserWindow.location.href = GetRadWindow().BrowserWindow.location.href; |
| } |
| </script> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <div> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <table border="0" width="100%" cellpadding="5" cellspacing="0"> |
| <tr> |
| <td> |
| <telerik:RadUpload ID="uplPhoto" runat="server" ControlObjectsVisibility="None" MaxFileInputsCount="1" Width="300px" |
| allowedfileextensions=".jpg,.jpeg,.gif,.png,.bmp"> |
| </telerik:RadUpload> |
| <asp:Button ID="btnUpload" runat="server" Text="Upload" onclick="btnUpload_Click" /> |
| </td> |
| </tr> |
| </table> |
| </div> |
| </form> |
| </body> |
| </html> |