Nov 24, 2010, 11:46 AM
IE7 design outlook
Hello,
A page's outlook changes totally in IE7. What can I do to make it look like it was in IE8? This is crucial and urgent. There are portals in my page. I will be glad if you come up with any suggestions. Help needed. I send the screenshots and a part of the code.
Thanks in advance,
A page's outlook changes totally in IE7. What can I do to make it look like it was in IE8? This is crucial and urgent. There are portals in my page. I will be glad if you come up with any suggestions. Help needed. I send the screenshots and a part of the code.
Thanks in advance,
<Center>
<ext:Panel ID="Panel7" runat="server" Title="">
<Body>
<ext:FitLayout ID="FitLayout2" runat="server">
<ext:TabPanel ID="CenterPanel" runat="server" ActiveTabIndex="0" Border="false" Title="<%$ Resources:Shell, Default_TabPanel_Center %>"
EnableTabScroll="true">
<Tabs>
<ext:Tab ID="Tab4" runat="server" Title="<%$ Resources:Shell, Default_Tab_Dashboard %>"
Icon="ChartPie">
<Body>
<ext:FitLayout ID="FitLayout1" runat="server">
<ext:Panel ID="pnlDefDashboard" runat="server" Border="false" Header="false" AutoScroll="true">
<Body>
<ext:TableLayout ID="tblLayDefDashboard" runat="server" Columns="2">
<ext:Cell CellCls="pnlLeft" ColSpan="2">
<ext:Panel ID="pnlSales" runat="server" Border="false" Width="1070" AutoScroll="true">
<Body>
<ext:FitLayout runat="server" ID="fitLaySales">
<ext:Portal ID="Portal1" runat="server" Border="false">
<Listeners>
<Drop Handler="e.panel.el.frame();" />
</Listeners>
<Body>
<ext:ColumnLayout ID="ColumnLayout1" runat="server">
<ext:LayoutColumn ColumnWidth=".99">
<ext:PortalColumn ID="PortalColumn1" runat="server" StyleSpec="padding:10px 0 10px 10px">
<Body>
<ext:AnchorLayout ID="AnchorLayout1" runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet1" runat="server" Title="<%$ Resources:Shell, Default_Portlet_SalesProspect %>"
AutoScroll="false">
<Body>
<p>
</p>
<asp:Chart ID="Chart1" runat="server" Width="1070" Height="142px" BorderDashStyle="Solid"
Palette="BrightPastel" BackSecondaryColor="White" BackGradientStyle="TopBottom"
BorderWidth="2" BackColor="WhiteSmoke" BorderColor="26, 59, 105">
<Legends>
<asp:Legend Enabled="False" IsTextAutoFit="False" Name="Default" BackColor="Transparent"
MaximumAutoSize="25" Font="Trebuchet MS, 8.25pt, style=Bold">
</asp:Legend>
</Legends>
<BorderSkin SkinStyle="Emboss"></BorderSkin>
<Series>
<asp:Series Name="Series1" YValueType="Int32" ChartType="Line" ChartArea="MainChartArea"
MarkerBorderColor="MidnightBlue" BorderWidth="2" MarkerStyle="Circle" MarkerColor="Red"
MarkerSize="5" XValueMember="MonthName" YValueMembers="calculatedColumn">
<%--<Points>
<asp:DataPoint AxisLabel="Sep-10" YValues="17" />
<asp:DataPoint AxisLabel="Oct-10" YValues="15" />
<asp:DataPoint AxisLabel="Nov-10" YValues="13" />
<asp:DataPoint AxisLabel="Dec-10" YValues="11" />
<asp:DataPoint AxisLabel="Jan-10" YValues="15" />
<asp:DataPoint AxisLabel="Feb-10" YValues="11" />
<asp:DataPoint AxisLabel="Mrt-10" YValues="9" />
<asp:DataPoint AxisLabel="Jun-10" YValues="7" />
<asp:DataPoint AxisLabel="Jul-10" YValues="5" />
<asp:DataPoint AxisLabel="Aug-10" YValues="3" />
<asp:DataPoint AxisLabel="Sep-10" YValues="7" />
</Points>--%>
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="MainChartArea" BorderColor="64, 64, 64, 64" BackSecondaryColor="White"
BackColor="Gainsboro" ShadowColor="Transparent" BackGradientStyle="TopBottom">
<AxisY2 IsLabelAutoFit="False" Interval="15">
<LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />
</AxisY2>
<AxisY LineColor="64, 64, 64, 64">
<LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />
<MajorGrid LineColor="64, 64, 64, 64" />
</AxisY>
<AxisX LineColor="64, 64, 64, 64">
<LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" Angle="-90" />
<MajorGrid LineColor="64, 64, 64, 64" />
</AxisX>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
<br />
<%--<asp:Chart runat="server" Width="800" Height="600" ID="_chart"></asp:Chart>--%>
<%-- <iframe src="http://localhost:53525/CRM/crmroofslist.aspx">
</iframe>--%>
<%--<img src="DrawGauge.aspx?GaugeType=1" alt="gauge" />--%>
</Body>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
<%--<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn ID="PortalColumn2" runat="server" StyleSpec="padding:10px 0 10px 10px">
<Body>
<ext:AnchorLayout ID="AnchorLayout2" runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet2" runat="server" Title="Panel 2" />
</ext:Anchor>
<ext:Anchor>
<ext:Portlet ID="Portlet3" runat="server" Title="Another Panel 2" />
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>--%>
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn ID="PortalColumn3" runat="server" StyleSpec="padding:10px">
<Body>
<%--<ext:AnchorLayout ID="AnchorLayout3" runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet4" runat="server" Title="NDA">
<Body>
<p align="center">
<img src="http://www.nda.nl/Uploaded_Files/683_logo.gif" /></p>
</Body>
</ext:Portlet>
</ext:Anchor>
<ext:Anchor>
<ext:Portlet ID="Portlet5" runat="server" Title="Chart<%$ Resources:Shell, Default_Portlet_Chart %>">
<Body>
<p align="center">
<img src="http://www.psdgraphics.com/wp-content/uploads/2009/02/3d_pie_chart.jpg"
width="250" height="250" /></p>
</Body>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>--%>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Portal>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:Cell>
<ext:Cell CellCls="pnlLeft">
<ext:Panel ID="pnlWorkInProgress" AutoScroll="false" runat="server" Border="false"
Width="530">
<Body>
<ext:FitLayout runat="server" ID="FitLayout3">
<ext:Portal ID="Portal2" runat="server" Border="false">
<Listeners>
<Drop Handler="e.panel.el.frame();" />
</Listeners>
<Body>
<ext:ColumnLayout ID="ColumnLayout2" runat="server">
<ext:LayoutColumn ColumnWidth=".99">
<ext:PortalColumn ID="PortalColumn2" runat="server" StyleSpec="padding:10px 0 10px 10px">
<Body>
<ext:AnchorLayout ID="AnchorLayout2" runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet3" runat="server" Title="<%$ Resources:Shell, Default_Portlet_WorkInProgress %>"
BodyStyle="padding:0px;" Layout="fit" AutoScroll="false" Height="200">
<Body>
<ext:GridPanel ID="grdPnlWP" runat="server" Width="525" StoreID="strWP" Height="170"
BodyBorder="true" Border="true">
<ColumnModel>
<Columns>
<ext:Column Header="<%$ Resources:Shell, Default_Column_LOPC %>" Sortable="true"
DataIndex="Name" Align="Left" />
<ext:Column Header="<%$ Resources:Shell, Default_Column_Calculated %>" Sortable="true"
DataIndex="CalculatedAmount" Align="Left" />
<ext:Column Header="<%$ Resources:Shell, Default_Column_Invoiced %>" Sortable="true"
DataIndex="Invoiced" Align="Left" />
<ext:Column Header="<%$ Resources:Shell, Default_Column_Completed %>" Sortable="true"
DataIndex="Completed" Align="Left" />
<ext:Column Header="<%$ Resources:Shell, Default_Column_Difference %>" Sortable="true"
DataIndex="Difference" Align="Left" />
</Columns>
</ColumnModel>
<BottomBar>
</BottomBar>
</ext:GridPanel>
<p>
</p>
</Body>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
<%--<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn ID="PortalColumn2" runat="server" StyleSpec="padding:10px 0 10px 10px">
<Body>
<ext:AnchorLayout ID="AnchorLayout2" runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet2" runat="server" Title="Panel 2" />
</ext:Anchor>
<ext:Anchor>
<ext:Portlet ID="Portlet3" runat="server" Title="Another Panel 2" />
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>--%>
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn ID="PortalColumn4" runat="server" StyleSpec="padding:10px 0 10px 10px">
<Body>
<%--<ext:AnchorLayout ID="AnchorLayout3" runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet4" runat="server" Title="NDA">
<Body>
<p align="center">
<img src="http://www.nda.nl/Uploaded_Files/683_logo.gif" /></p>
</Body>
</ext:Portlet>
</ext:Anchor>--%>
<%--<ext:Anchor>
<ext:Portlet ID="Portlet5" runat="server" Title="Chart<%$ Resources:Shell, Default_Portlet_Chart %>">
<Body>
<p align="center">
<img src="http://www.psdgraphics.com/wp-content/uploads/2009/02/3d_pie_chart.jpg"
width="250" height="250" /></p>
</Body>
</ext:Portlet>
</ext:Anchor>--%>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Portal>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:Cell>
<ext:Cell CellCls="pnlRight">
<ext:Panel ID="pnlGrossMargin" runat="server" Border="false" Width="530" AutoScroll="false">
<Body>
<ext:FitLayout runat="server" ID="FitLayout4">
<ext:Portal ID="Portal3" runat="server" Border="false">
<Listeners>
<Drop Handler="e.panel.el.frame();" />
</Listeners>
<Body>
<ext:ColumnLayout ID="ColumnLayout3" runat="server">
<ext:LayoutColumn ColumnWidth=".99">
<ext:PortalColumn ID="PortalColumn5" runat="server" StyleSpec="padding:10px 0 10px 10px">
<Body>
<ext:AnchorLayout ID="AnchorLayout3" runat="server">
<ext:Anchor>
<ext:Portlet ID="Portlet2" Height="200" runat="server" Title="<%$ Resources:Shell, Default_Portlet_GrossMargin %>"
AutoScroll="false">
<Body>
<ext:Anchor>
<ext:MultiField ID="multiFieldDivision" runat="server" FieldLabel="<%$ Resources:Shell, Default_MultiField_Division %>">
<fields>
<ext:Label ID="lblDivision" runat="server" Text="<%$ Resources:Shell, Default_MultiField_Division %>" />
<ext:Label runat="server" Text=" " />
<ext:ComboBox ID="comboDivision" StoreID="strDivision" runat="server"
LoadingText="<%$ Resources:Common, Combo_Searching %>" ValueField="DivisionID"
HideTrigger="true" ItemSelector="div.search-item" MinChars="1"
DisplayField="Name" Width="200">
<Template ID="Template21" runat="server">
<tpl for=".">
<div class="search-item">
<h3>{Name}</h3>
</div>
</tpl>
</Template>
<%--<Listeners>
<Select Handler="SelectedComboDivision(#{comboDivision});" />
</Listeners> --%>
<AjaxEvents>
<Select OnEvent="SelectedComboDiv">
<ExtraParams>
<ext:Parameter Name="selectedDivID" Value="#{comboDivision}.selValue" Mode="Raw" />
</ExtraParams>
</Select>
</AjaxEvents>
</ext:ComboBox>
<ext:Image ID="Image22" ImageUrl="~/icons/magnifier-png/coolite.axd" runat="server" />
</fields>
</ext:MultiField>
</ext:Anchor>
<%--<ext:AnchorLayout runat="server">
<ext:Anchor>
<ext:MultiField ID="multiField38" runat="server" FieldLabel="Division">
<Fields>
<ext:ComboBox ID="comboDivision" StoreID="strDivision" runat="server" TypeAhead="false"
LoadingText="<%$ Resources:Common, Combo_Searching %>" ValueField="DivisionID"
HideTrigger="true" ItemSelector="div.search-item" MinChars="1"
DisplayField="Name" Width="255">
<Template ID="Template21" runat="server">
<tpl for=".">
<div class="search-item">
<h3>{Name}</h3>
</div>
</tpl>
</Template>
</ext:ComboBox>
<ext:Image ID="Image22" ImageUrl="~/icons/magnifier-png/coolite.axd" runat="server" />
</Fields>
</ext:MultiField>
</ext:Anchor>
</ext:AnchorLayout>--%>
<p>
</p>
<br />
<%--DrawGauge Component Part3-- %>
<%--<img src="DrawGauge.aspx?GaugeType=2" alt="gauge" />--%>
<table cellspacing="0" cellpadding="0" width="450" border="1">
<tr class="ndaLabel">
<td colspan="5">
<b>
<asp:Literal ID="ltrOverall" runat="server" Text="<%$ Resources:Shell,
Default_Td_OverallValue %>" /></b>
</td>
</tr>
<tr class="ndaLabel">
<td colspan="2" align="center">
<b>
<asp:Literal ID="ltrProject" runat="server" Text="<%$ Resources:Shell,
Default_Td_Project %>" /></b>
</td>
<td colspan="2" align="center">
<b>
<asp:Literal ID="ltrMaintenance" runat="server" Text="<%$ Resources:Shell,
Default_Td_Maintenance %>" /></b>
</td>
<td align="center">
<b>
<asp:Literal ID="ltrAdvisory" runat="server" Text="<%$ Resources:Shell,
Default_Td_Advisory %>" /></b>
</td>
</tr>
<tr class="ndaText">
<td colspan="2">
<asp:Literal runat="server" ID="ltrProjectVal" Text="0" />
</td>
<td colspan="2">
<asp:Literal runat="server" ID="ltrContractVal" Text="0" />
</td>
<td>
<asp:Literal runat="server" ID="ltrAdvisoryVal" Text="0" />
</td>
</tr>
<tr class="ndaLabel">
<td>
<b>
<asp:Literal ID="ltrRenov" runat="server" Text="<%$ Resources:Shell,
Default_Td_Renov %>" /></b>
</td>
<td>
<b>
<asp:Literal ID="ltrNewB" runat="server" Text="<%$ Resources:Shell,
Default_Td_NewB %>" /></b>
</td>
<%--<td>
<b>
<asp:Literal ID="ltrInspect" runat="server" Text="<%$ Resources:Shell,
Default_Td_Inspect %>" /></b>
</td>--%>
<td>
<b>
<%--<asp:Literal ID="ltrService" runat="server" Text="<%$ Resources:Shell,
Default_Td_Service %>" />--%></b>
</td>
<td>
</td>
</tr>
<tr>
<td class="ndaText">
<i>
<asp:Literal ID="ltrRenOvVal" runat="server"></asp:Literal></i>
</td>
<td class="ndaText">
<i>
<asp:Literal ID="ltrNewBVal" runat="server"></asp:Literal></i>
</td>
<%--<td class="ndaText">
<i>Inspect value</i>
</td>--%>
<td class="ndaText">
<%--<i>Service value</i>--%>
</td>
</tr>
</table>
</Body>
</ext:Portlet>
</ext:Anchor>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".33">
<ext:PortalColumn ID="PortalColumn6" runat="server" StyleSpec="padding:10px">
<Body>
</ext:AnchorLayout>
</Body>
</ext:PortalColumn>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Portal>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:Cell>
</ext:TableLayout>
</Body>
</ext:Panel>
</ext:FitLayout>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</ext:FitLayout>
</Body>
</ext:Panel>
</Center>