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

No base line showing with ShowBaseLine="true" when use "Outlook" skin

1 Answer 69 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Ryan asked on 24 Nov 2014, 05:34 PM

There is several bugs in 2014.3.1024 release (UI for ASP.NET AJAX), here is one:

No base line showing with ShowBaseLine="true" when use "Outlook" skin (and other skins, "Black" skin is fine).

You may create a test website, and then copy the below code to repeat the issue (like showing in the picture attached). Please let me know if there is a quick fix for this:



====Code below=================

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">
<head runat="server">
<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
<script type="text/javascript">
//Put your JavaScript code here.
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<telerik:RadSplitter runat="Server" ID="RadSplitter1" Width="100%" BorderSize="0"
BorderStyle="None" PanesBorderSize="0" Height="100%" Orientation="Horizontal"
<telerik:RadPane ID="RadPaneMenu" runat="server" Height="30" Width="100%">
<telerik:RadTabStrip ID="Menu1" runat="server" Width="100%" ScrollChildren="true"
Skin="Outlook" ShowBaseLine="true">
<telerik:RadTab Text="AAAAA" Value="0" Selected="True">
<telerik:RadTab Text="BBBB" Value="1">
<telerik:RadTab Text="CCCC" Value="2">
<telerik:RadTab Text="DDDDD" Value="3">
<telerik:RadPane ID="RadPaneMain" runat="server" Height="100%" Width="100%">


1 Answer, 1 is accepted

Sort by
Aneliya Petkova
Telerik team
answered on 25 Nov 2014, 09:39 AM
Hi Ryan,

We are aware of the issue with missing BaseLines when ShowBaseLine="true" in RadTabStrip. We already fixed it and the fix will be available in the Q3 2014 SP1 expected in the beginning of December.

As a temporary workaround, you can use the following CSS in Outlook skin:
.RadTabStripTop_Outlook_Baseline .rtsLevel1 {
    background-image: url("TabStripStates.png");
    background-position: 0 100%;

Attached you can find the sprite image for Outlook skin.

Please, excuse us for the inconveniences caused by this issue.

Aneliya Petkova

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Asked by
Top achievements
Rank 1
Answers by
Aneliya Petkova
Telerik team
Share this question