Version 6.0.11322.1118 in ajaxToolkit:TabContainer

Feb 13, 2012 at 7:42 PM
Edited Feb 13, 2012 at 7:58 PM

Hi,
I am having a problem when displaying the map in an ajaxToolkit:TabContainer. When i click on the tabpage which has the tab control it only displays about 25% from the left. If i I try to drag the map it moves a little and then returns to current position.

I researched some of the related posts in this group but couldn't find anything helpful. I tried

    <script type="text/javascript">
        function refreshMap() {
            var map = Map1;
            map.checkResize();
        }
    </script>

as per one of the post, however, I get "checkResize" not implemented, which is correct. It is not a member of the map control. Any other ideas. Here is my current config

I have the map in a usercontrol.ascx - which works perfectly on a stand-alone page.

I am now trying to get it to run in the tabcontainer e.g on an aspx page

       <ajaxToolkit:TabContainer runat="server" ID="ProductsTabs" ActiveTabIndex="1" CssClass="grey">
             <ajaxToolkit:TabPanel runat="server" ID="pnlMap" HeaderText="Store Availability">
                <ContentTemplate>
                    <Commerce:Map ID="ctrlMap" runat="server" />
                </ContentTemplate>
            </ajaxToolkit:TabPanel>
        </ajaxToolkit:TabContainer>

Thanks