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>
1 Answer, 1 is accepted
0
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:
Attached you can find the sprite image for Outlook skin.
Please, excuse us for the inconveniences caused by this issue.
Regards,
Aneliya Petkova
Telerik
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.