tabstrip: can't move mouse over child elements

[Kirk Thomas]

I can't move my mouse over the child elements of any of the tabs except the initial tab.

code:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            
        

        <script type="text/javascript">
            /* <![CDATA[ */
            function SelectMyTab(sender, eventArgs) {
                var tab = eventArgs.get_tab();
                tab.select();
            }

            function UnSelectMyTab(sender, eventArgs) {
                var tabStrip = $find('<%= RadTabStrip1.ClientID%>');
                if (!tabStrip) return;
                //Find the element which the mouse is over
                var destElement = eventArgs.relatedTarget || eventArgs.toElement;
                if ($telerik.isDescendant(tabStrip.get_element(), destElement))
                    return;
                var initialTab = tabStrip.findTabByText(tabStrip.get_attributes().getAttribute("InitialTab"));
                initialTab.unselect();
                initialTab.selectParents();
            }
            /* ]]> */
        </script>
        </telerik:RadCodeBlock>

        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>


        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" UnSelectChildren="True"
                                OnClientMouseOver="SelectMyTab"
                                OnClientMouseOut="UnSelectMyTab"
                                ClickSelectedTab="True"
                                SelectedIndex="0"
                                AutoPostBack="True" Skin="" >
            <Tabs>
                <telerik:RadTab runat="server" Text="HOME"
                    CssClass="selectedNav">
                    <Tabs>
                        <telerik:RadTab runat="server" Text="Child RadTab 1" CssClass="childNav">
                        </telerik:RadTab>
                        <telerik:RadTab runat="server" Text="Child RadTab 2" CssClass="childNav">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="GROW YOUR BUSINESS"
                    CssClass="unselectedNav">
                    <Tabs>
                        <telerik:RadTab runat="server" Text="test" CssClass="childNav">
                        </telerik:RadTab>
                        <telerik:RadTab runat="server" Text="test 2" CssClass="childNav">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="INCREASE SALES" CssClass="unselectedNav"
                    Selected="True">
                </telerik:RadTab>
            </Tabs>

        </telerik:RadTabStrip>

Please help.

Thanks,

Kirk

[Yana]

Hello Kirk,

Please check this forum post.

Regards,
Yana
the Telerik team