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

BUG? IE8: RadMenu in RadTab

2 Answers 84 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
PTS Group AG
Top achievements
Rank 2
PTS Group AG asked on 07 Apr 2009, 02:34 PM
Hello,

I tried to use a RadMenu in a 2nd Level Tab, but in IE8 the items of the menu are truncated and so not visible for the user.

Here is my code to reproduce the problem.

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2007">  
            <Tabs> 
                <telerik:RadTab runat="server" Text="Root RadTab1">  
                    <Tabs> 
                        <telerik:RadTab runat="server" Text="Child RadTab 1">  
                        <TabTemplate> 
                            <telerik:RadMenu ID="RadMenuTest" runat="server" 
                                Skin="Office2007">  
                                <CollapseAnimation Duration="200" Type="OutQuint" /> 
                                <Items> 
                                    <telerik:RadMenuItem Text="SomeMenuTest">  
                                        <Items> 
                                            <telerik:RadMenuItem Text="Test1"  /> 
                                            <telerik:RadMenuItem Text="Test2" /> 
                                            <telerik:RadMenuItem Text="Test3"  /> 
                                            <telerik:RadMenuItem Text="Test4"  /> 
                                        </Items> 
                                    </telerik:RadMenuItem> 
                                </Items> 
                            </telerik:RadMenu> 
                        </TabTemplate> 
                        </telerik:RadTab> 
                        <telerik:RadTab runat="server" Text="Child RadTab 2">  
                        </telerik:RadTab> 
                    </Tabs> 
                </telerik:RadTab> 
                <telerik:RadTab runat="server" Text="Root RadTab2">  
                    <Tabs> 
                        <telerik:RadTab runat="server" Text="Child RadTab 1">  
                        </telerik:RadTab> 
                        <telerik:RadTab runat="server" Text="Child RadTab 2">  
                        </telerik:RadTab> 
                    </Tabs> 
                </telerik:RadTab> 
                <telerik:RadTab runat="server" Text="Root RadTab3">  
                    <Tabs> 
                        <telerik:RadTab runat="server" Text="Child RadTab 1">  
                        </telerik:RadTab> 
                        <telerik:RadTab runat="server" Text="Child RadTab 2">  
                        </telerik:RadTab> 
                    </Tabs> 
                </telerik:RadTab> 
            </Tabs> 
        </telerik:RadTabStrip> 


Any Idea what I could do to solve this? This is the only IE8 issue on my site. I don't like the solution to press my users in IE7 compatiblity mode.

I am using the first 2009 build of Telerik Controls for ASP.Net , which was released on April 2nd.
Development environment is Windows Server 2008, IE8, Visual Studio 2008

2 Answers, 1 is accepted

Sort by
0
Accepted
Paul
Telerik team
answered on 07 Apr 2009, 02:55 PM
Hi Stefan,

You can easily achieve your goal by using the following CSS style:

<style type="text/css">  
.RadTabStrip .rtsLevel,  
.RadTabStrip .rtsUL,  
.RadTabStrip .rtsLI  
{  
    floatleft !important;  
    overflowvisible !important;  
}  
</style> 


Kind regards,
Paul
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.
0
PTS Group AG
Top achievements
Rank 2
answered on 07 Apr 2009, 03:33 PM
Hi Paul,

thank you for the fast answer.
It worked :)
Tags
TabStrip
Asked by
PTS Group AG
Top achievements
Rank 2
Answers by
Paul
Telerik team
PTS Group AG
Top achievements
Rank 2
Share this question
or