Hi Team,
I used RadDatePicker in my application with Overlay="true" in order to be visible over a Silver Light Control and Its working fine in all browsers but in Google chrome the date picker not appears over a Silver Light control.[Silver Light control hides the display of RadDatePicker]
I Used the below code RadDatePicker.
<telerik:RadDatePicker ID="txtStartDate" runat="server" Width="145" Overlay="true" ></telerik:RadDatePicker>
Please help me to sort it out urgently.
5 Answers, 1 is accepted
0
Hello Dhamo,
Based on the supplied information, it is hard to determine what is causing the unwanted behavior at your end. Could you please post your page with the related code behind or send us a small runnable project which demonstrates the described issue.
Thus we will be able to gather more details about your scenario, debug the project and provide you with more to-the-point answer.
Looking forward for your reply.
Greetings,
Radoslav
the Telerik team
Based on the supplied information, it is hard to determine what is causing the unwanted behavior at your end. Could you please post your page with the related code behind or send us a small runnable project which demonstrates the described issue.
Thus we will be able to gather more details about your scenario, debug the project and provide you with more to-the-point answer.
Looking forward for your reply.
Greetings,
Radoslav
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
0

dhamo
Top achievements
Rank 1
answered on 27 Oct 2011, 03:42 PM
Hi Radoslav,
Thanks for your reply.
I am using RadControls[Radwindow for Popup,RadDatePicker] and SilverLight controls in same page.
Issue#1:
Previously SilverLight Control hiden the display of Radwindow and RadDatePicker. As per telerik team's guidance i applied Overlay="true" for Radwindow then the issue solved for Radwindow in IE,FireFox and Google Chrome browsers.But still exists in Safari.
Issue#2:
Display of RadDatePicker is being hiden by SilverLight Controls in Google Chrome and Safari browsers.But it works fine in IE and Firefox. Even I applied Overlay="true" for RadDatePicker, but no luck.
Please help to rectify the display issue of Radwindow in Safari browser and the display issue of RadDatePicker in Google Chrome and Safari browsers.
Please assist to solve the above 2 issues and let me know for further details.
I tried to attach the sample project.But unable to attach with this.Please find the aspx code below and help.If you need full project for reference and debug,tell me how to send/attach the project zip file to you.
Aspx code:
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ 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>SilverlightApplication1</title>
<style type="text/css">
html, body
{
height: 100%;
overflow: auto;
}
body
{
padding: 0;
margin: 0;
}
#silverlightControlHost
{
height: 100%;
text-align: center;
}
</style>
<script type="text/javascript" src="Silverlight.js"></script>
<script type="text/javascript">
function onSilverlightError(sender, args) {
var appSource = "";
if (sender != null && sender != 0) {
appSource = sender.getHost().Source;
}
var errorType = args.ErrorType;
var iErrorCode = args.ErrorCode;
if (errorType == "ImageError" || errorType == "MediaError") {
return;
}
var errMsg = "Unhandled Error in Silverlight Application " + appSource + "\n";
errMsg += "Code: " + iErrorCode + " \n";
errMsg += "Category: " + errorType + " \n";
errMsg += "Message: " + args.ErrorMessage + " \n";
if (errorType == "ParserError") {
errMsg += "File: " + args.xamlFile + " \n";
errMsg += "Line: " + args.lineNumber + " \n";
errMsg += "Position: " + args.charPosition + " \n";
}
else if (errorType == "RuntimeError") {
if (args.lineNumber != 0) {
errMsg += "Line: " + args.lineNumber + " \n";
errMsg += "Position: " + args.charPosition + " \n";
}
errMsg += "MethodName: " + args.methodName + " \n";
}
throw new Error(errMsg);
}
function showPopup() {
var varWnd = radopen("PopupItems.aspx", "windSelection");
// varWnd.Center();
}
</script>
</head>
<body>
<form id="form1" runat="server" style="height: 100%">
<div>
<asp:ScriptManager runat="server" ID="sm1">
</asp:ScriptManager>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Behaviors="Move,Close"
Skin="Black" EnableShadow="true">
<Windows>
<telerik:RadWindow ID="windSelection" runat="server" Title="Select items" VisibleStatusbar="false"
Skin="Black" Overlay="true" Width="340px" Height="400px" ReloadOnShow="true"
ShowContentDuringLoad="false" Modal="true" />
</Windows>
</telerik:RadWindowManager>
<table width="80%">
<tr>
<td>
<asp:LinkButton ID="Link_items" runat="server" CssClass="linktext" OnClientClick="showPopup();return false;"
Text="Select Items"></asp:LinkButton>
</td>
<td>
Date :
</td>
<td>
<telerik:RadDatePicker ID="txtDate" runat="server" Width="145" overlay="true">
</telerik:RadDatePicker>
</td>
</tr>
</table>
</div>
<br />
<div id="silverlightControlHost">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
width="100%" height="100%">
<param name="source" value="ClientBin/SilverlightApplication1.xap" />
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="4.0.50826.0" />
<param name="autoUpgrade" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0" style="text-decoration: none">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight"
style="border-style: none" />
</a>
</object>
<iframe id="_sl_historyFrame" style="visibility: hidden; height: 0px; width: 0px;
border: 0px"></iframe>
</div>
</form>
</body>
</html>
Thanks for your reply.
I am using RadControls[Radwindow for Popup,RadDatePicker] and SilverLight controls in same page.
Issue#1:
Previously SilverLight Control hiden the display of Radwindow and RadDatePicker. As per telerik team's guidance i applied Overlay="true" for Radwindow then the issue solved for Radwindow in IE,FireFox and Google Chrome browsers.But still exists in Safari.
Issue#2:
Display of RadDatePicker is being hiden by SilverLight Controls in Google Chrome and Safari browsers.But it works fine in IE and Firefox. Even I applied Overlay="true" for RadDatePicker, but no luck.
Please help to rectify the display issue of Radwindow in Safari browser and the display issue of RadDatePicker in Google Chrome and Safari browsers.
Please assist to solve the above 2 issues and let me know for further details.
I tried to attach the sample project.But unable to attach with this.Please find the aspx code below and help.If you need full project for reference and debug,tell me how to send/attach the project zip file to you.
Aspx code:
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ 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>SilverlightApplication1</title>
<style type="text/css">
html, body
{
height: 100%;
overflow: auto;
}
body
{
padding: 0;
margin: 0;
}
#silverlightControlHost
{
height: 100%;
text-align: center;
}
</style>
<script type="text/javascript" src="Silverlight.js"></script>
<script type="text/javascript">
function onSilverlightError(sender, args) {
var appSource = "";
if (sender != null && sender != 0) {
appSource = sender.getHost().Source;
}
var errorType = args.ErrorType;
var iErrorCode = args.ErrorCode;
if (errorType == "ImageError" || errorType == "MediaError") {
return;
}
var errMsg = "Unhandled Error in Silverlight Application " + appSource + "\n";
errMsg += "Code: " + iErrorCode + " \n";
errMsg += "Category: " + errorType + " \n";
errMsg += "Message: " + args.ErrorMessage + " \n";
if (errorType == "ParserError") {
errMsg += "File: " + args.xamlFile + " \n";
errMsg += "Line: " + args.lineNumber + " \n";
errMsg += "Position: " + args.charPosition + " \n";
}
else if (errorType == "RuntimeError") {
if (args.lineNumber != 0) {
errMsg += "Line: " + args.lineNumber + " \n";
errMsg += "Position: " + args.charPosition + " \n";
}
errMsg += "MethodName: " + args.methodName + " \n";
}
throw new Error(errMsg);
}
function showPopup() {
var varWnd = radopen("PopupItems.aspx", "windSelection");
// varWnd.Center();
}
</script>
</head>
<body>
<form id="form1" runat="server" style="height: 100%">
<div>
<asp:ScriptManager runat="server" ID="sm1">
</asp:ScriptManager>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Behaviors="Move,Close"
Skin="Black" EnableShadow="true">
<Windows>
<telerik:RadWindow ID="windSelection" runat="server" Title="Select items" VisibleStatusbar="false"
Skin="Black" Overlay="true" Width="340px" Height="400px" ReloadOnShow="true"
ShowContentDuringLoad="false" Modal="true" />
</Windows>
</telerik:RadWindowManager>
<table width="80%">
<tr>
<td>
<asp:LinkButton ID="Link_items" runat="server" CssClass="linktext" OnClientClick="showPopup();return false;"
Text="Select Items"></asp:LinkButton>
</td>
<td>
Date :
</td>
<td>
<telerik:RadDatePicker ID="txtDate" runat="server" Width="145" overlay="true">
</telerik:RadDatePicker>
</td>
</tr>
</table>
</div>
<br />
<div id="silverlightControlHost">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
width="100%" height="100%">
<param name="source" value="ClientBin/SilverlightApplication1.xap" />
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="4.0.50826.0" />
<param name="autoUpgrade" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0" style="text-decoration: none">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight"
style="border-style: none" />
</a>
</object>
<iframe id="_sl_historyFrame" style="visibility: hidden; height: 0px; width: 0px;
border: 0px"></iframe>
</div>
</form>
</body>
</html>
0

dhamo
Top achievements
Rank 1
answered on 31 Oct 2011, 07:02 AM
Hi Radoslav & Telerik Team,
Can any one please look into my issue described below ?. Its very urgent.
Can any one please look into my issue described below ?. Its very urgent.
0
Accepted
Hello Dhamo,
To achieve the desired functionality you need to add the following parameter into your Silverlight object:
For example:
More information you could find here:
http://forums.silverlight.net/t/63377.aspx/1
http://www.85turns.com/2008/06/17/div-on-top-of-silverlight/
I hope this helps.
Best wishes,
Radoslav
the Telerik team
To achieve the desired functionality you need to add the following parameter into your Silverlight object:
<
param
name
=
"windowless"
value
=
"true"
/>
<
object
data
=
"data:application/x-silverlight-2,"
type
=
"application/x-silverlight-2"
width
=
"100%"
height
=
"100%"
>
<
param
name
=
"windowless"
value
=
"true"
/>
<
param
name
=
"source"
value
=
"ClientBin/SilverlightApplication1.xap"
/>
<
param
name
=
"onError"
value
=
"onSilverlightError"
/>
<
param
name
=
"background"
value
=
"white"
/>
<
param
name
=
"minRuntimeVersion"
value
=
"4.0.50826.0"
/>
<
param
name
=
"autoUpgrade"
value
=
"true"
/>
<
a
href
=
"http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0"
style
=
"text-decoration: none"
>
<
img
src
=
"http://go.microsoft.com/fwlink/?LinkId=161376"
alt
=
"Get Microsoft Silverlight"
style
=
"border-style: none"
/>
</
a
>
</
object
>
More information you could find here:
http://forums.silverlight.net/t/63377.aspx/1
http://www.85turns.com/2008/06/17/div-on-top-of-silverlight/
I hope this helps.
Best wishes,
Radoslav
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
0

dhamo
Top achievements
Rank 1
answered on 03 Nov 2011, 07:34 AM
Hi Radoslav,
I added the parameter into Silverlight object as you advised and now it works fine.
This fix escaped me from a lot of rework for finding alternative solutions.
A million thanks to you for your fantastic support.