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

TabStrip behavior between IE7 and IE8

3 Answers 52 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Trip Hogger
Top achievements
Rank 1
Trip Hogger asked on 08 Dec 2009, 06:39 PM
I have a TabStrip with a RadGrid. 
I have a series of tabs that is enabled or disabled depending if the user selects, adds, deletes or modifies the grid. 
(ex: the "Removed" tab is enabled when the user removes a row from the grid)

Here's how I'm enabling/disabling the tabs:
            for ( var i = 0; i < tabstrip.Tabs.length; i++ ) 
            { 
                //  Get the current tab text. 
                var tabText = tabstrip.Tabs[i].Text; 
                 
                //  Search for the old count number between the parens, 
                //  then truncate it completely. 
                tabText = tabText.substring( 0, tabText.indexOf( "(" ) ); 
 
                //  Add the new count number, and set the tab text. 
                tabText += "(" + tabCounts[i] + ")"
                tabstrip.Tabs[i].SetText( tabText ); 
 
                //  Enable/Disable based upon the bit mask. 
                //  tab is always enabled. 
                var enable = (i == 0) || (tabCounts[i] > 0); 
                if ( enable ) 
                { 
                    tabstrip.Tabs[i].Enable(); 
                } 
                else 
                { 
                    var theTab = tabstrip.Tabs[i]; 
                    theTab.Disable(); 
                    theTab.DomElement.setAttribute( "disabled"false ); 
                } 
            } 

Functionality wise, it works fine in both IE7 and IE8.  However, in IE8, the text inside the disable tabs is a bold grey-ed out font which is hard to read.  In IE7, the font is black.  Any reason why it's like this?

3 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 09 Dec 2009, 02:20 PM
Hi Trip,

The difference in the visual appearance is caused by the "disabled" attribute that you set here:

theTab.DomElement.setAttribute( "disabled", false );

Try removing it to see if this resolves the issue.

Greetings,
Tsvetomir Tsonev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Trip Hogger
Top achievements
Rank 1
answered on 09 Dec 2009, 08:41 PM
Tsvetomir,

Thank you for the quick response.  I removed the line but it doesn't change anything.  Is there anything else that you can suggest?

Regards,
Trip
0
T. Tsonev
Telerik team
answered on 15 Dec 2009, 01:01 PM
Hello,

The disabled tabs look the same to me in both IE7 and IE8 (see the attached files). Maybe you have some custom CSS rules that change the appearance?

Can you send as a simple page or a live URL that demonstrates the issue?

Kind regards,
Tsvetomir Tsonev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
TabStrip
Asked by
Trip Hogger
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Trip Hogger
Top achievements
Rank 1
Share this question
or