Aug 06, 2013, 7:52 PM
[FIXED] [#317] [2.x] How to align the Tab Panel Title?
Hi,
Please suggest the proper way to align the Panel Title. I would like it to be left aligned next to the tab icon. Naturally, I've tried to use the TitleAlign property but it didn't work.
Update: The following styling hack does the trick but it doesn't feel right:
Please suggest the proper way to align the Panel Title. I would like it to be left aligned next to the tab icon. Naturally, I've tried to use the TitleAlign property but it didn't work.
Update: The following styling hack does the trick but it doesn't feel right:
.x-tab-inner-center
{
text-align: left;
}
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>Ext.NET Examples</title>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="Viewport1" runat="server" Layout="FitLayout">
<Items>
<ext:TabPanel ID="TabPanel1" runat="server" MinTabWidth="120">
<Items>
<ext:Panel ID="Panel1" runat="server" Icon="Book" Title="Books" MinWidth="120" TitleAlign="Left">
</ext:Panel>
<ext:Panel ID="Panel2" runat="server" Icon="Find" Title="Find Books" MinWidth="120" TitleAlign="Left">
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by fabricio.murta; Apr 27, 2016 at 1:14 AM.