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

RadTab won't take background image in IE7

3 Answers 35 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Tim
Top achievements
Rank 1
Tim asked on 23 Sep 2010, 10:33 PM
Running in SharePoint 2010.

<telerik:RadTabStrip ID="RadTabStrip2" runat="server" OnClientTabSelected="ClientTabSelectedHandler"
                SelectedIndex="1">
                <Tabs>
                    <telerik:RadTab runat="server" Text="Map" PageViewID="radPageMapView" PostBack="false" Selected="True">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="List" PageViewID="radPageListView" PostBack="false">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>

.RadTabStripTop_Default .rtsLink
    {
        background: url(/SiteAssets/images/Navigation/Sub1/sub1_back_off.png) top right !important;
    }
    .RadTabStripTop_Default .rtsSelected
    {
        background: url(/SiteAssets/images/Navigation/Sub1/sub1_back_on.png) top right !important;
    }


Works great in IE8 and Chrome. Neither background image display in IE7.

3 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 29 Sep 2010, 12:18 PM
Hi Tim,

Can you send us a live url where we can observe this issue? Thanks in advance

Kind 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
0
Tim
Top achievements
Rank 1
answered on 29 Sep 2010, 04:31 PM
I actually got this to work yesterday. Seems like a work-around...

I added a CssClass to the RadTab. In that CSS, I set a background-color the same as the color that was sitting behind the tabs, and, my images for the tabs opted to show up. This doesn't make any sense to me as to why it worked, but it does.

You can see an example of the page here: http://mycogen.com/Grain_Corn/SitePages/Individual%20Plots.aspx. Note the class 'rtsBg
' applied to the <a>. Without it, in IE7, the background images don't show.
0
Yana
Telerik team
answered on 05 Oct 2010, 09:21 AM
Hi Tim,

Thank you for providing the url.

It seems that your styles are overwritten by the following css in Individual Plots.aspx:

.rtsLink, .rtsOut {
  background:none repeat scroll 0 0 transparent !important;
  color:White;
  font-family:Helvetica,Arial,Sans-Serif;
  font-size:13px;
  font-weight:700;
}

Please remove background setting and let us know how it goes.

Kind 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
Tim
Top achievements
Rank 1
Answers by
Yana
Telerik team
Tim
Top achievements
Rank 1
Share this question
or