TabStrip behavior between IE7 and IE8

4 posts, 0 answers
  1. Trip Hogger
    Trip Hogger avatar
    4 posts
    Member since:
    Nov 2009

    Posted 08 Dec 2009 Link to this post

    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?
  2. T. Tsonev
    Admin
    T. Tsonev avatar
    2817 posts

    Posted 09 Dec 2009 Link to this post

    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.
  3. Trip Hogger
    Trip Hogger avatar
    4 posts
    Member since:
    Nov 2009

    Posted 09 Dec 2009 Link to this post

    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
  4. T. Tsonev
    Admin
    T. Tsonev avatar
    2817 posts

    Posted 15 Dec 2009 Link to this post

    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.
Back to Top