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

Can't switch tab's with an <applet> inside a RadPageView

1 Answer 52 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Chase Florell
Top achievements
Rank 1
Chase Florell asked on 15 Jan 2010, 12:25 AM
Hi There

I have a page where I am using two tabs. Within the RadPageView I am loading UserControls.

UC1 is the first to focus, and I can't seem to get UC2 to focus at all.

Here is the ASPX with the tabs
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<%@ Register TagPrefix="uc" TagName="Properties" Src="~/App_Modules/Properties.ascx" %> 
<!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>  
    <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
    <script type="text/javascript">  
        google.load("language", "1");  
    </script> 
</head> 
<body class="body">  
    <form id="form1" runat="server">  
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" /> 
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        <Scripts> 
            <asp:ScriptReference Path="~/App_Assets/Scripts/Admin.js" /> 
        </Scripts> 
    </telerik:RadScriptManager> 
    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0" > 
        <Tabs> 
            <telerik:RadTab Text="Page Details" /> 
            <telerik:RadTab Text="Page Properties" /> 
        </Tabs> 
    </telerik:RadTabStrip> 
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" EnableEmbeddedScripts="true">  
        <telerik:RadPageView ID="DefaultView" runat="server">  
            <asp:Panel ID="EditPanel" runat="server" /> 
        </telerik:RadPageView> 
        <telerik:RadPageView ID="PropertiesView" runat="server">  
            <uc:Properties ID="Properties1" runat="server" /> 
        </telerik:RadPageView> 
    </telerik:RadMultiPage> 
    </form> 
</body> 
</html> 

And here is the ASCX that contains the Applet.

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Admin.ascx.vb" Inherits="App_Modules_Image_Gallery_Admin" %> 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<div class="Header-Bar">  
    <div class="Header-Bar-Wrapper">  
        <div class="Inner-Header-Bar">  
            SlideShow Manager</div> 
    </div> 
</div> 
<div class="Content-Area">  
    <div class="Inner-Content-Area">  
        <table> 
            <tr> 
                <td> 
                    <div style="border: 1px dotted #336699; padding: 4px; width: 180px;">  
                        <telerik:RadScriptBlock runat="server" ID="Scripts1">  
                            <script type="text/javascript" language="javascript">  
                                {  
                                    document.writeln('<applet ');  
                                    document.writeln('archive  = "../App_Assets/Scripts/RadUploadDNDLite.jar"');  
                                    document.writeln('code     = "com.radinks.dnd.DNDAppletLite"');  
                                    document.writeln('name     = "Rad Upload Lite"');  
                                    document.writeln('hspace   = "0"');  
                                    document.writeln('vspace   = "0" MAYSCRIPT="yes"');  
                                    document.writeln('width    = "180"');  
                                    document.writeln('height   = "180"');  
                                    document.writeln('align    = "middle">');  
                                }  
                            </script> 
                            <param name="max_upload" value="20000">  
                            <param name="url" value="<% ="http://" & HelperClass.GetServerDomain & "/Uploader.axd?allowed=jpg,jpeg&path=" & ThePath %>" /> 
                            <param name="monitor.type" value="thumbnails">  
                            <param name="message" value="<div style='text-align:center;padding-top:50px;color:Gray;'>Drag & Drop<br>or<br>Copy & Paste</div>" /> 
                            <script language="javascript" type="text/javascript">  
                                {  
                                    document.writeln('</applet>');  
                                }  
                            </script> 
                        </telerik:RadScriptBlock> 
                    </div> 
                </td> 
            </tr> 
        </table> 
    </div> 
</div> 
 

I can confirm that my Applet is configured properly, and it loads without issue.  But the problem is that I cannot switch to the "Page Properties" tab.

Thanks in advance.

1 Answer, 1 is accepted

Sort by
0
Chase Florell
Top achievements
Rank 1
answered on 15 Jan 2010, 12:57 AM
Sorry, I fixed it by writing out the applet rather than using javascript to write it out.

<div class="Header-Bar">  
    <div class="Header-Bar-Wrapper">  
        <div class="Inner-Header-Bar">  
            SlideShow Manager</div> 
    </div> 
</div> 
<div class="Content-Area">  
    <div class="Inner-Content-Area">  
        <table> 
            <tr> 
                <td> 
                    <div style="border: 1px dotted #336699; padding: 4px; width: 180px;">  
                        <applet archive="../App_Assets/Scripts/RadUploadDNDLite.jar" code="com.radinks.dnd.DNDAppletLite" name="Rad Upload Lite" hspace="0" vspace="0" mayscript="yes" height="180" width="180" align="middle">  
                            <param name="max_upload" value="20000" /> 
                            <param name="url" value="<% ="http://" & HelperClass.GetServerDomain & "/Uploader.axd?allowed=jpg,jpeg&path=" & ThePath %>" /> 
                            <param name="monitor.type" value="thumbnails" /> 
                            <param name="message" value="<div style='text-align:center;padding-top:50px;color:Gray;'>Drag & Drop<br>or<br>Copy & Paste</div>" /> 
                        </applet> 
                    </div> 
                </td> 
            </tr> 
        </table> 
    </div> 
</div> 
 
Tags
TabStrip
Asked by
Chase Florell
Top achievements
Rank 1
Answers by
Chase Florell
Top achievements
Rank 1
Share this question
or