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

TabStrip off by 1 pixel in IE with last tab selected

1 Answer 96 Views

TabStrip

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

Tom asked on 27 Apr 2018, 05:57 PM

tab-problem.png

Here is the entire contents of my aspx markup. There is nothing in the code-behind.

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

<!DOCTYPE html>

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

<head runat="server">

<title>test</title>

</head>

<body>

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

<div>

<asp:ScriptManager ID="smDemo" runat="server" ScriptMode="Release" />

<telerik:RadTabStrip runat="server" ID="tabTom">

<Tabs>

<telerik:RadTab runat="server" Text="Paul"></telerik:RadTab>

<telerik:RadTab runat="server" Text="George"></telerik:RadTab>

<telerik:RadTab runat="server" Text="John"></telerik:RadTab>

<telerik:RadTab runat="server" Text="Ringo"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

</div>

</form>

</body>

</html>

In IE 11, clicking the last tab shifts the contents of the control over 1 pixel and cuts off on the left. (The control renders properly in FireFox and Chrome.)

See the attached screenshot to see what I mean. Everything in hot-pink was added to the screenshot by me. Note the vertical line which shows the shift.

1 Answer, 1 is accepted

answered on 30 Apr 2018, 12:07 PM

Recording-28.zip

Hello Tom,

Thank you for reporting this slight shifting behavior in IE11. On my end it is slightly noticeable and the left tab border is still visible as shown in the attached video.

Nevertheless, my advice is to try the Lightweight render mode of the control which behaves as expected in IE11. You can turn it on by setting RenderMode="Lightweight".

The classic rendering is discontinued since Q3 2015 and we recommend using the lightweight one.

Best regards,
Rumen
Progress Telerik

Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.