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

Latest Tabs Display Incorrectly

2 Answers 41 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Lynn
Top achievements
Rank 2
Lynn asked on 28 Dec 2010, 05:11 AM
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">
  
<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 />
    <br />
    <br />
    <br />
    <br />
    <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

Sort by
0
Accepted
Yana
Telerik team
answered on 28 Dec 2010, 08:59 AM
Hi Lynn,

It seems that you've zoomed your browser to 105% and that's why tabstrip looks incorrectly. Please set the zoom to 100%.

We're aware of this issue with the zoom and we'll try to fix it. Thank you for your understanding.

All the best,
Yana
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Lynn
Top achievements
Rank 2
answered on 28 Dec 2010, 02:49 PM
Yana,

Actually, it was set to 95%...which is really weird since I have never changed that setting (in fact, and somewhat embarassingly), I wasn't even really aware that the setting existed.

You are correct.  I changed the setting to 100% and the problem disappeared.

Thanks for your help!  And the education. :)

Lynn
Tags
TabStrip
Asked by
Lynn
Top achievements
Rank 2
Answers by
Yana
Telerik team
Lynn
Top achievements
Rank 2
Share this question
or