This is a migrated thread and some comments may be shown as answers.

RadAjaxLoadingPanel behind java applet

1 Answer 70 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Marcel asked on 20 Jul 2012, 08:06 AM
Hello everybody,
i'd like to show a RadAjaxLoadingPanel (called via JS) over an java applet.
Unfortunately, the applet hides the LoadingPanel.
I tried to change the z-index but, it doesn't work.

For other controls in this case there is the overlay-property but the RadAjaxLoadingPanel doesn't support it.
Is there any way to show the RadAjaxLoadingPanel over an java applet?

Best Regards,

1 Answer, 1 is accepted

Sort by
Telerik team
answered on 25 Jul 2012, 08:05 AM
Hi Marcel,

To show a regular element or RadAjaxLoadingPanel above a Java Applet you should set background-color to this element. Also for IE browser you should create an <iframe /> element. It have to be placed above the Applet and in this case it is possible to show other elements above it.

Check out the following example
<%@ 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" "">
<head id="Head1" runat="server">
    <style type="text/css">
            background-color: white;
    <telerik:RadCodeBlock runat="server">
        <script type="text/javascript">
            function pageLoad() {
                currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID%>");
                currentUpdatedControl = "applet";
                var iframe = $get("iframe");
                var showedPanel = $get(currentLoadingPanel.get_id() + currentUpdatedControl);
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="scriptManager" runat="server">
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Skin="Forest" runat="server" />
        Java Test</h1>
    <hr />
    <applet code="ArcTest.class" width="400" height="400" id="applet">
        alt="Your browser understands the <APPLET> tag but isn't running the applet,
        for some reason." Your browser is completely ignoring the <APPLET> tag!
    <iframe id="iframe" scrolling="no" frameborder="0" src="javascript:'<html></html>';"
        style="position: fixed; width: 400px; height: 400px; left: 0; top: 0; z-index: 3011;"
    <script type="text/javascript" src=""></script>

This is how the overlay property works in other RadControls.

I hope this helps.

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.
Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question