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

[Solved] Visual Earch control inside RadMultiPage

6 Answers 96 Views

General Discussions

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

Warnestam asked on 13 Aug 2008, 09:43 AM

Hello,

I've a strange problem while using Visual Earrth control inside a RadMultiPage. For pages that not are visible initial the map display is corrupt. Below is a sample with two views (status and map), only the first view displays the map correctly?

Any suggestions?

    
            <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body onload="GetMap();">  
        
                <form id="form1" runat="server">  
        
                 <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
        
                 <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"></telerik:RadAjaxManager> 
        
               <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1"></script>        
        
            <script type="text/javascript">        
        
            var map = null;                   
        
            function GetMap()        
        
            {           
        
            map1 = new VEMap('myMap1');           
        
            map1.LoadMap();     
        
            map2 = new VEMap('myMap2');           
        
            map2.LoadMap();     
        
            }           
        
            </script> 
        
                <div> 
        
                <telerik:radtabstrip id="tsMenu"  runat="server" SkinID="PageMenuSkin" SelectedIndex="0" MultiPageID="rmpMain">  
        
                            <Tabs> 
        
                                    <telerik:RadTab runat="server" ID="rtStatus" Selected="True" PageViewID="rpvStatus" Text="Status">  
        
                                    </telerik:RadTab> 
        
                                    <telerik:RadTab runat="server" ID="rtMap" PageViewID="rpvMap" Text="Map">  
        
                                    </telerik:RadTab> 
        
                            </Tabs> 
        
                </telerik:radtabstrip> 
        
                <telerik:RadMultiPage ID="rmpMain" Runat="server" SelectedIndex="0">  
        
                                <telerik:RadPageView ID="rpvStatus" runat="server">  
        
                                    Status...  
        
                                    <br /> 
        
                                    <div id='myMap1' style="position:relative; width:400px; height:400px;"></div> 
        
                                </telerik:RadPageView> 
        
                                <telerik:RadPageView ID="rpvMap" runat="server">  
        
                                    Map...  
        
                                    <br /> 
        
                                    <div id='myMap2' style="position:relative; width:400px; height:400px;"></div> 
        
                                </telerik:RadPageView> 
        
                                </telerik:RadMultiPage> 
        
                </telerik:RadPageView> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

[Solved] Visual Earch control inside RadMultiPage

6 Answers, 1 is accepted