Welcome Guest Search | Active Topics | Sign In | Register

tabstripe background color... Options
Bazooka
Posted: Thursday, May 6, 2010 1:52:43 PM
Rank: Advanced Member
Groups: Member

Joined: 7/3/2009
Posts: 37
I have two basic tabs and I would like to change the color to white when the tab is not selected. I assume I have to modify the normal-style property to background-color: white. I'm I missing anything? In other words I would like the new employees and old employees tabs to have a background color of white at all times. Thanks.

<eo:TabStrip runat="server" id="EmployeeInfo" ControlSkinID="None" Width="370px" ClientSideOnItemClick="EmployeeTab">
<TopGroup>
<Items>
<eo:TabItem Text-Html="New Employees"> </eo:TabItem>
<eo:TabItem Text-Html="Old Employees o"></eo:TabItem>
</Items>
</TopGroup>
<LookItems>
<eo:TabItem ItemID="_TopGroup">
<SubGroup Style-CssText="background-image:url(00010220);background-repeat:repeat-x;cursor:hand;font-family:tahoma;font-size:8pt;"
OverlapDepth="10"></SubGroup>
</eo:TabItem>
<eo:TabItem ItemID="_TopLevelItem" RightIcon-Url="00010223" RightIcon-SelectedUrl="00010226"
NormalStyle-CssText="color: #606060" SelectedStyle-CssText="color:#2f4761;font-weight:bold;"
LeftIcon-Url="00010221" LeftIcon-SelectedUrl="00010224" Image-Url="00010222" Image-SelectedUrl="00010225"
Image-Mode="TextBackground" Image-BackgroundRepeat="RepeatX">
<SubGroup Style-CssText="background-image:url(00010220);background-position-y:bottom;background-repeat:repeat-x;cursor:hand;font-family:tahoma;font-size:8pt;padding-bottom:4px;padding-left:5px;padding-right:5px;padding-top:4px;"
ItemSpacing="5"></SubGroup>
</eo:TabItem>
<eo:TabItem HoverStyle-CssText="color:#2f4761;text-decoration:underline;" ItemID="_Default"
NormalStyle-CssText="color: #606060; text-decoration: none" SelectedStyle-CssText="color:#2f4761;font-weight:bold;">
<SubGroup Style-CssText="background-image:url(00010220);background-position-y:bottom;background-repeat:repeat-x;cursor:hand;font-family:tahoma;font-size:8pt;padding-bottom:4px;padding-left:5px;padding-right:5px;padding-top:4px;"
ItemSpacing="5"></SubGroup>
</eo:TabItem>
</LookItems>
</eo:TabStrip>
eo_support
Posted: Thursday, May 6, 2010 3:47:13 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

You will need to modify the _TopLevelItem look item's LeftIcon, Image and RightIcon. Those three created the background for the tab items in this case.

Thanks!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.