or
<
telerik:RadTabStrip
ID
=
"RadTabStrip1"
runat
=
"server"
EnableDragToReorder
=
"true"
>
<
TabTemplate
>
<
div
class
=
"CloseIcon"
>
</
div
>
<
div
class
=
"TabWrapperRight"
>
<%# DataBinder.Eval(Container, "Text") %>
</
div
>
</
TabTemplate
>
</
telerik:RadTabStrip
>
.CloseIcon
{
width
:
13px
;
height
:
11px
;
background
:
url
(
"/Images/Icons/close.png"
)
0
0
;
margin
:
4px
0px
0px
25px
;
}
.CloseIcon:hover
{
background:url("/Images/Icons/close.png") 0 -11px;
}
.TabWrapperRight
{
position:relative;
float:right;
}
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="TestRadSplitter.aspx.vb"
Inherits="WebwareNET.TestRadSplitter" %>
<%@ 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:RadSplitter
ID
=
"RadSplitter1"
Width
=
"100%"
Height
=
"100%"
Orientation
=
"Vertical"
LiveResize
=
"True"
runat
=
"server"
Skin
=
"MetroTouch"
>
<
telerik:RadPane
ID
=
"LeftPane"
MinWidth
=
"200"
Width
=
"200"
Scrolling
=
"None"
runat
=
"server"
>
Inside left pane
</
telerik:RadPane
>
<
telerik:RadSplitBar
ID
=
"RadSplitBar1"
runat
=
"server"
>
</
telerik:RadSplitBar
>
<
telerik:RadPane
ID
=
"RightPane"
Scrolling
=
"Both"
runat
=
"server"
>
Inside right pane
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
div
>
</
form
>
</
body
>
</
html
>
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="window.aspx.vb" Inherits="TestaTredjepartWeb.window" %>
<!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"
>
<
asp:ScriptManager
ID
=
"s"
runat
=
"server"
>
</
asp:ScriptManager
>
<
div
>
<
telerik:RadWindowManager
ID
=
"RadWindowManager1"
runat
=
"server"
>
<
Windows
>
<
telerik:RadWindow
ID
=
"RadWindow1"
runat
=
"server"
VisibleOnPageLoad
=
"true"
AutoSize
=
"true"
RenderMode
=
"Lightweight"
Title
=
"Hello"
NavigateUrl
=
"windowcontent.aspx"
VisibleStatusbar
=
"false"
>
</
telerik:RadWindow
>
</
Windows
>
</
telerik:RadWindowManager
>
</
div
>
</
form
>
</
body
>
</
html
>
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="windowcontent.aspx.vb" Inherits="TestaTredjepartWeb.windowcontent" %>
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
>This is the title</
title
>
<
style
>
html, body, form
{
padding: 0px;
margin: 0px;
overflow: hidden;
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"s"
runat
=
"server"
>
</
asp:ScriptManager
>
<
div
id
=
"div"
style
=
"background-color: red; height: 300px; width: 300px"
>
test
<
asp:Button
ID
=
"btn"
runat
=
"server"
OnClientClick
=
"$get('div').style.height = '200px'; window.top.GetRadWindowManager().getActiveWindow().autoSize(); return false;"
/>
</
div
>
</
form
>
</
body
>
</
html
>
I have 2 pages (Home and ĐĄategory) Load page Home on there's button. Click button run panel RadWindow (NavigateUrl: ĐĄategory).
protected void ShowWindow()
{
string script = "function f(){$find(\"" + RadWindow_editor.ClientID + "\").show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);";
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "key", script, true);
}
protected void RadButtonEdit_Click(object sender, EventArgs e)
{
ShowWindow();
}
Load RadWindow NavigateUrl - ĐĄategory on there's button. Click button close RadWindow.
protected void RadButtonEdit_Click(object sender, EventArgs e)
{
ClientScript.RegisterStartupScript(Page.GetType(), "mykey", "Close();", true);
}
function GetRadWindow() {
var oWindow = null;
if (window.radWindow)
oWindow = window.radWindow;
else if (window.frameElement.radWindow)
oWindow = window.frameElement.radWindow;
return oWindow;
}
function Close() {
var oWindow = GetRadWindow();
oWindow.argument = null;
oWindow.close();
return false;
}
How to refresh the page Home? (Click button close RadWindow)
Thank you!
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="window.aspx.vb" Inherits="TestaTredjepartWeb.window" %>
<!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"
>
<
asp:ScriptManager
ID
=
"s"
runat
=
"server"
>
</
asp:ScriptManager
>
<
div
>
<
telerik:RadWindowManager
ID
=
"RadWindowManager1"
runat
=
"server"
>
<
Windows
>
<
telerik:RadWindow
ID
=
"RadWindow1"
runat
=
"server"
VisibleOnPageLoad
=
"true"
AutoSize
=
"true"
RenderMode
=
"Lightweight"
Title
=
"Hello"
NavigateUrl
=
"windowcontent.aspx"
VisibleStatusbar
=
"false"
>
</
telerik:RadWindow
>
</
Windows
>
</
telerik:RadWindowManager
>
</
div
>
</
form
>
</
body
>
</
html
>
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="windowcontent.aspx.vb" Inherits="TestaTredjepartWeb.windowcontent" %>
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
>This is the title</
title
>
<
style
>
html, body, form
{
padding: 0px;
margin: 0px;
overflow: hidden;
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
div
style
=
"background-color: red; height: 300px; width: 300px"
>
test
</
div
>
</
form
>
</
body
>
</
html
>