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:

    Thanks,

    Ryan

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

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

    <!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>
    <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
    </head>
    <body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    <Scripts>
    <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" />
    </Scripts>
    </telerik:RadScriptManager>
    <script type="text/javascript">
    //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <telerik:RadSplitter runat="Server" ID="RadSplitter1" Width="100%" BorderSize="0"
    BorderStyle="None" PanesBorderSize="0" Height="100%" Orientation="Horizontal"
    VisibleDuringInit="false">
    <telerik:RadPane ID="RadPaneMenu" runat="server" Height="30" Width="100%">
    <telerik:RadTabStrip ID="Menu1" runat="server" Width="100%" ScrollChildren="true"
    Skin="Outlook" ShowBaseLine="true">
    <Tabs>
    <telerik:RadTab Text="AAAAA" Value="0" Selected="True">
    </telerik:RadTab>
    <telerik:RadTab Text="BBBB" Value="1">
    </telerik:RadTab>
    <telerik:RadTab Text="CCCC" Value="2">
    </telerik:RadTab>
    <telerik:RadTab Text="DDDDD" Value="3">
    </telerik:RadTab>
    </Tabs>
    </telerik:RadTabStrip>
    </telerik:RadPane>
    <telerik:RadPane ID="RadPaneMain" runat="server" Height="100%" Width="100%">

    </telerik:RadPane>
    </telerik:RadSplitter>
    </form>
    </body>
    </html>
  2.
  3. Aneliya Petkova
    Admin
    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.

    Regards,
    Aneliya Petkova
    Telerik
     

    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