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

Latest Tabs Display Incorrectly

2 Answers 104 Views

TabStrip

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

Lynn asked on 28 Dec 2010, 05:11 AM

TelerikTabErrorVersion.gif

TelerikTabError1.gif

TelerikTabError2.gif

TelerikTabError3.gif

TelerikTabError4.gif

I am using the latest version of the ASP.NET AJAX controls (see the attached screen capture from my VS2010 project, TelerikTabErrorVersion.gif).

It doesn't seem to matter which embedded skin I use, there are additional lines drawn on some of the tabs that do NOT seem to interfere with proper operation, but are not attractive. I have attached four (4) different screen captures of the results from 4 different skins. The additional lines on the tabs show in most (or all) of the tabs, but some tabs are eaiser to see it in than others.

The entire .aspx page code is shown below. There is no code at all in the code behind file.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestTabStrip.aspx.vb" Inherits="TestTabStrip" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body style="background-color: Gray;">

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" EnabledEmbeddedSkins="true" Skin="Forest">

<Tabs>

<telerik:RadTab PageViewID="RadPageView1" Text="How We Work" NavigateUrl="TestNewListing.aspx" Target="_blank" ></telerik:RadTab>

<telerik:RadTab PageViewID="RadPageView2" Text="Buying/Selling" ></telerik:RadTab>

<telerik:RadTab PageViewID="RadPageView3" Text="Renting/Leasing" ></telerik:RadTab>

<telerik:RadTab PageViewID="RadPageView4" Text="Trading" ></telerik:RadTab>

<telerik:RadTab PageViewID="RadPageView5" Text="Vendors" ></telerik:RadTab>

<telerik:RadTab PageViewID="RadPageView6" Text="Web Cams" ></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<div style="background-color: White;">

<br />

</div>

</form>

</body>

</html>

Can anyone tell me what to do to get rid of these additional lines drawn within the tabs?

I should add:
(a) Windows 7 Ultimate, 64-bit;
(b) IE 8.0;
(c) VS2010.

Thanks in advance!

Lynn

2 Answers, 1 is accepted

Accepted