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

tabstrip: can't move mouse over child elements

1 Answer 25 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Kirk Thomas
Top achievements
Rank 1
Kirk Thomas asked on 05 Aug 2010, 07:00 PM
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

1 Answer, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 09 Aug 2010, 12:09 PM
Hello Kirk,

Please check this forum post.

Regards,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
TabStrip
Asked by
Kirk Thomas
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or