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

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

1 Answer 96 Views

TabStrip

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

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

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>

[Solved] Can't switch tab's with an &lt;applet&gt; inside a RadPageView

1 Answer, 1 is accepted

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