We are opening a pop-up window from the parent window with the following code. The child window which we are opening does not have any Telerik controls and it’s an external link. The window opens fine, without any issues.
In the new opened child page there is a Query which gets executed when the print button is clicked. When this Jquery is called it opens a print dialog box as expected, but when the window is printed, it’s not taking the print.css and also its printing the parent page.
.cs code
txtDDDD.NavigateUrl = "javascript:top.openMaximizePopup(‘URL’)
JavaScript Code in the parent page
function openMaximizePopup(url)
{
var oWnd = top.radopen(url, "modalPopup");
oWnd.SetSize(widthValue - 260, heightValue - 150);
oWnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Maximize);
oWnd.set_modal(true);
if (title != "") oWnd.set_title(title);
oWnd.Center();
}
Javascript in Child Page
<script language = "javascript" type="text/javascript">
$(document).ready(function () {
$("input[id$= ImageButtonPrint]").click(function()
{
window.print();
});
});
Any help on this is appreciated.
@ 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 id="Head1" runat="server">
<telerik:radcodeblock id="RadCodeBlock1" runat="server">
<script src="../scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function pageLoad(sender, args) {
getData();
}
function getData() {
TestDataService.TestDataRows(updateGrid);
}
function updateGrid(result) {
var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
tableView.set_dataSource(result);
tableView.dataBind();
}
function OnRowDataBound(sender, args) {
var spanControl = args.get_item().get_cell("Change").getElementsByTagName('span')[0];
var image = args.get_item().get_cell("Change").getElementsByTagName('img')[0];
if (args.get_dataItem().Change > 0) {
image.style.display =
"";
image.src =
"Images/up.gif";
spanControl.style.color =
"green";
}
else if (args.get_dataItem().Change < 0) {
image.style.display =
"";
image.src =
"Images/down.gif";
spanControl.style.color =
"red";
}
else {
image.style.display =
"none";
spanControl.style.color =
"";
}
}
//]]>
</script>
</telerik:radcodeblock>
</
head>
<
body class="BODY">
<form runat="server" id="mainForm" method="post">
<telerik:radscriptmanager id="RadScriptManager" runat="server">
<Services>
<asp:ServiceReference Path="~/WebServices/TestDataService.asmx" />
</Services>
</telerik:radscriptmanager>
<!-- content start -->
<h3 class="qsfSubtitle">
RadGrid bound to live data:
</h3>
<telerik:radgrid id="RadGrid1" autogeneratecolumns="false" runat="server">
<MasterTableView TableLayout="Fixed">
<Columns>
<telerik:GridBoundColumn DataField="OID" UniqueName="OID" HeaderText="OID">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:radgrid>
<!-- content end -->
</form>
</
body>
</
html>