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

2 posts, 0 answers
  1. Ryan
    Ryan avatar
    1 posts
    Member since:
    May 2013

    Posted 24 Nov 2014 Link to this post

    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%">

  2. Aneliya Petkova
    Aneliya Petkova avatar
    207 posts

    Posted 25 Nov 2014 Link to this post

    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.

Back to Top