Jan 26, 2017, 12:41 PM
[CLOSED] 2.x to 4.x upgrade, using the default font, sizes etc. from 2.x
One of the issues I am having with the upgrade from 2.x to 4.x is that the default fonts and sizes are different and therefore throws off the spacing etc on a lot of pages. As an example take this simple page:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<ext:ResourceManager ID="ResourceManager" runat="server" />
<ext:Panel ID="HeatMapChartPanel" runat="server" Border="false" Layout="FitLayout">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:ToolbarSpacer ID="ToolbarSpacer4" runat="server" Width="10" />
<ext:Label ID="Label1" runat="server" Text="Trailing 12 Month Performance" ></ext:Label>
<ext:ToolbarSpacer ID="ToolbarSpacer3" runat="server" Width="10" />
<ext:ToolbarFill />
<ext:Label ID="EffectiveDate" runat="server" />
</Items>
</ext:Toolbar>
</TopBar>
</ext:Panel>
</body>
</html>
In version 2.x the following style is the default:.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
font: normal 11px arial,tahoma,helvetica,sans-serif;
}
In version 4.x this is the style:.x-body {
color: #000;
font-size: 12px;
font-family: tahoma, arial, verdana, sans-serif;
}
Is there anyway for to force 4.x to use the same default font's and sizes for elements as 2.x?
Last edited by fabricio.murta; Feb 10, 2017 at 8:11 PM.