Hi guys.
My application using 11.1 version and my company will be converting to IE11 this month. I recently downloaded 15.1 version and try to replace webpanel with webexplorer but design it is looking like it looked before.
here is my old .aspx file:
<div id="ScrollArea" runat="server"> <igmisc:WebPanel ID="ViewPanel" runat="server" CssClass="viewPanel" StyleSetName="Header" Width="805px" Height="870px"> <ClientSideEvents ExpandedStateChanging="CancelXpand" /> <Template> <div class="content" id="content"> <div id="navigation" class="navigation" style="height: 5px;"> </div> <div id="findemp" class="findemp" style="margin-top: 0px"> <div id="personInfo" style="margin-top: 0px"> <table> <tr> <td> <uc1:CFNList ID="CFNList1" runat="server"></uc1:CFNList> </td> <%--<td> Location:<br /> <asp:TextBox ID="txtLocation" runat="server" CssClass="txtinput" Font-Size="X-Small" Height="12px" Width="75px" MaxLength="6" ToolTip="Please Enter Six Char DBN (Dist, Boro, School"></asp:TextBox> </td>--%> <td> EIS ID:<br /> <asp:TextBox ID="txtEISid" runat="server" CssClass="txtinput" Font-Size="X-Small" Height="12px" Width="75px" MaxLength="7" ToolTip="Please Enter EIS ID."></asp:TextBox> </td> <td> Status :<br /> <asp:DropDownList ID="ddlStatus" runat="server" Width="125" CssClass="txtinput" Font-Names="Verdana" Font-Size="X-Small"> <asp:ListItem Text="All" Value="W"></asp:ListItem> <asp:ListItem Text="Pending" Value="P"></asp:ListItem> <asp:ListItem Text="Approved" Value="A"></asp:ListItem> <asp:ListItem Text="Rejected" Value="R"></asp:ListItem> <asp:ListItem Text="Saved" Value="S"></asp:ListItem> </asp:DropDownList> </td> <td> <br /> <asp:Button ID="btnSearch" runat="server" OnClientClick ="BLOCKED SCRIPT return ValidateData();" CssClass="selectitem" Text="Search" OnClick="btnSearch_Click" /> </td> </tr> <tr> <td colspan="6"> <%--<asp:Label ID="lblError" runat ="server" Text ="Error Message" >Test Message</asp:Label>--%> </td> </tr> <tr> <td class="tbtxtbox" colspan="3" style="height:30px;"> <asp:Label ID="lblError" runat="server" Height="10px" Font-Size="Small" ForeColor="red" > </asp:Label> </td> </tr> </table> </div> </div> <div style="margin-left: 10px;"> <igmisc:WebPanel StyleSetName="Info" ID="InfoPanel" CssClass="infoPanel" runat="server" width="99%" > <ClientSideEvents ExpandedStateChanging="CancelXpand" /> <Template> <div id="contactcard" class="contactcard"> <div> <table width="99%" cellpadding="1px"> <tr> <td align="center" rowspan="5"> <div > <igchart:UltraChart ID="UltraChart1" Visible="False" runat="server" Border-Thickness="0" ChartType="PieChart3D" Width="450px" Height="180px" BackgroundImageFileName="" BackgroundImageStyle="StretchedFit" EmptyChartText="" OnChartDataClicked="UltraChart1_ItemClicked" Transform3D-Scale="100" Version="7.3"> <ColorModel ModelStyle="customlinear" AlphaLevel="255" ColorBegin="Pink" ColorEnd="DarkRed"> </ColorModel> <PieChart3D RadiusFactor="100" > </PieChart3D> <TitleTop Font="Verdana, 9.75pt, style=Bold" HorizontalAlign="Center" Text="YTD Breakdown by Waiver Request Status "> </TitleTop> <Tooltips Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" /> <Border Thickness="0" /> <Data UseRowLabelsColumn="True"></Data><DeploymentScenario ImageURL="ChartImages/chart_allocation_pie_#SEQNUM(100).png" FilePath="~/EIS/PerSession/ChartImages"></DeploymentScenario> <Effects> <Effects> <igchart:GradientEffect /> </Effects> </Effects> <Axis> <PE ElementType="None" Fill="Cornsilk" /> <X TickmarkInterval="0" Visible="False"> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <Labels HorizontalAlign="Near" ItemFormatString="<ITEM_LABEL>" Orientation="Horizontal" VerticalAlign="Center"> <SeriesLabels FormatString="" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </X> <Y TickmarkInterval="0" Visible="False"> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <Labels HorizontalAlign="Far" ItemFormatString="<DATA_VALUE:00.##>" Orientation="Horizontal" VerticalAlign="Center"> <SeriesLabels FormatString="" HorizontalAlign="Far" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </Y> <Y2 TickmarkInterval="0" Visible="False"> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <Labels HorizontalAlign="Near" ItemFormatString="<DATA_VALUE:00.##>" Orientation="Horizontal" VerticalAlign="Center"> <SeriesLabels FormatString="" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </Y2> <X2 TickmarkInterval="0" Visible="False"> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <Labels HorizontalAlign="Far" ItemFormatString="<ITEM_LABEL>" Orientation="Horizontal" VerticalAlign="Center"> <SeriesLabels FormatString="" HorizontalAlign="Far" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </X2> <Z TickmarkInterval="0" Visible="False"> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <Labels HorizontalAlign="Far" ItemFormatString="" Orientation="Horizontal" VerticalAlign="Center"> <SeriesLabels HorizontalAlign="Far" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </Z> <Z2 TickmarkInterval="0" Visible="False"> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <Labels HorizontalAlign="Near" ItemFormatString="" Orientation="Horizontal" VerticalAlign="Center"> <SeriesLabels HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </Z2> </Axis> <Legend Visible="True"></Legend> </igchart:UltraChart> </div> </td> </tr> </table> </div> </div> </Template> </igmisc:WebPanel> </div> <br /> <div id="export"> <table width="60" style="float: right; position: absolute; left: 365px;"> <tr> <td> <asp:Button ID="txtExcel1" Width="105px" CssClass="selectitem" runat="server" Text="Export as Excel" OnClick="txtExcel1_Click" /></td> <td> <asp:Button ID="txtPdf1" CssClass="selectitem" runat="server" Width="105px" Text="Export as PDF" OnClick="txtPdf1_Click" /></td> </tr> </table> </div> <div style="margin-left: 10px;"> <igmisc:WebPanel StyleSetName="WStatus" ID="GridPanel" CssClass="gridPanel1" Width ="99%" runat="server"> <ClientSideEvents ExpandedStateChanging="CancelXpand" /> <Template> <div> <igtbl:UltraWebGrid ID="UltraWebGrid2" runat="server" StyleSetName="Pear" Style="margin-top: 0px" Height="350px" Width="99%" EnableAppStyling="True" Browser="UpLevel" > <Bands> <igtbl:UltraGridBand> <Columns> <igtbl:UltraGridColumn BaseColumnName="FILENO" Key="FILENO" Width="58px"> <Header Caption="PRI"> </Header> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="LASTNAME" Key="LASTNAME" Width="120px"> <Header Caption="Last Name"> <RowLayoutColumnInfo OriginX="1" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="1" /> </Footer> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="FIRSTNAME" Key="FIRSTNAME" Width="90px"> <Header Caption="First Name"> <RowLayoutColumnInfo OriginX="2" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="2" /> </Footer> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="CFN" Key="CFN" Width="50px"> <HeaderStyle HorizontalAlign="Center" /> <Header Caption="CFN"> <RowLayoutColumnInfo OriginX="3" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="3" /> </Footer> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="LOCATION" Key="LOCATION" Width="70px" > <Header Caption="Location"> <RowLayoutColumnInfo OriginX="4" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="4" /> </Footer> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="JOB" Key="JOB" Width="50px"> <Header Caption="JOB"> <RowLayoutColumnInfo OriginX="5" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="5" /> </Footer> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="DOEHRS" Key="DOEHRS" Width="60px"> <Header Caption="DOE HRS"> <RowLayoutColumnInfo OriginX="6" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="6" /> </Footer> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="CLHRS" Key="CLHRS" Width="50px"> <Header Caption="CL HRS"> <RowLayoutColumnInfo OriginX="7" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="7" /> </Footer> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="STAT" Key="STAT" Width="55px"> <Header Caption="Status"> <RowLayoutColumnInfo OriginX="8" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="8" /> </Footer> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="SENDDATE" Key="SENDDATE" Width="85px" Format="MM/dd/yyyy"> <Header Caption="Sub Date"> <RowLayoutColumnInfo OriginX="9" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="9" /> </Footer> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="REQUESTER" Key="REQUESTER" Width="165px"> <Header Caption="Requester"> <RowLayoutColumnInfo OriginX="10" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="10" /> </Footer> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="APPROVER" Key="APPROVER" Width="140px"> <Header Caption="Approver"> <RowLayoutColumnInfo OriginX="11" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="11" /> </Footer> <HeaderStyle HorizontalAlign="Center" /> </igtbl:UltraGridColumn> </Columns> <AddNewRow View="NotSet" Visible="NotSet"> </AddNewRow> </igtbl:UltraGridBand> </Bands> <DisplayLayout NoDataMessage ="No Data to Display." BorderCollapseDefault="Separate" Name="UltraWebGrid1" RowHeightDefault="10px" AutoGenerateColumns="False" SelectTypeRowDefault="Single" Version="3.00" ViewType="OutlookGroupBy" StationaryMargins="Header" CellClickActionDefault="RowSelect" ColWidthDefault="80px" StationaryMarginsOutlookGroupBy="True" RowsRange="-1" HeaderStyleDefault-Height="20px" RowStyleDefault-Height="10px" AllowSortingDefault="Yes" EnableInternalRowsManagement="true" HeaderClickActionDefault="SortMulti" AllowColSizingDefault="Free" RowSelectorsDefault="No" LoadOnDemand="Manual"> <FrameStyle BackColor="#FAFCF1" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt" Height="350px" Width="805px"> </FrameStyle> <Pager Alignment="Center" AllowPaging="True" MinimumPagesForDisplay="2" PageSize="100" StyleMode="PrevNext"> <PagerStyle BackColor="#FAFCF1" BorderStyle="Solid" BorderWidth="1px"> <BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" /> </PagerStyle> </Pager> <EditCellStyleDefault BorderStyle="None" BorderWidth="0px"> </EditCellStyleDefault> <FooterStyleDefault BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px"> <BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" /> </FooterStyleDefault> <HeaderStyleDefault BackColor="#CBD6A6" BorderStyle="Solid" ForeColor="Black" HorizontalAlign="Left" Height="20px"> <BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" /> </HeaderStyleDefault> <RowStyleDefault BackColor="Window" BorderColor="#AAB883" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt" Height="10px"> <Padding Left="3px" /> <BorderDetails ColorLeft="Window" ColorTop="Window" /> </RowStyleDefault> <RowAlternateStyleDefault BackColor="#D6E4C0"> </RowAlternateStyleDefault> <SelectedRowStyleDefault BackColor="#BECA98"> </SelectedRowStyleDefault> <AddNewBox> <BoxStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px"> <BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" /> </BoxStyle> </AddNewBox> <ActivationObject BorderColor="170, 184, 131" BorderWidth=""> </ActivationObject> <FilterOptionsDefault> <FilterDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px" CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif" Font-Size="11px" Width="200px"> <Padding Left="2px" /> </FilterDropDownStyle> <FilterHighlightRowStyle BackColor="#151C55" ForeColor="White"> </FilterHighlightRowStyle> <FilterOperandDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px" CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif" Font-Size="11px"> <Padding Left="2px" /> </FilterOperandDropDownStyle> </FilterOptionsDefault> </DisplayLayout> </igtbl:UltraWebGrid></div> </Template> </igmisc:WebPanel> </div> </div> </Template> </igmisc:WebPanel> <igxl:UltraWebGridExcelExporter ID="UltraWebGridExcelExporter1" runat="server" OnBeginExport="UltraWebGridExcelExporter1_BeginExport"> </igxl:UltraWebGridExcelExporter> <igdocx:UltraWebGridDocumentExporter ID="UltraWebGridDocumentExporter2" OnBeginExport="UltraWebGridDocumentExporter2_BeginExport" runat="server"> </igdocx:UltraWebGridDocumentExporter> </div>
Please help me out with this.
Thanks so much.
Hi Jane,
What do you mean by "looking like it looked before"?
Can you show a project or a code snippet along with a screenshot with the new control and explain what does not align with your expectations?
hi Boris,
here is a old coding for one page .aspx:
<
igmisc:WebPanel ID="ViewPanel" runat="server" CssClass="viewPanel" StyleSetName
="Header"
Width="805px" Height="870px">
<ClientSideEvents ExpandedStateChanging="CancelXpand" />
<Template>
<div class="content" id="content">
<div id="navigation" class="navigation" style="height: 5px;">
</div>
<div id="findemp" class="findemp" style="margin-top: 0px">
<div id="personInfo" style="margin-top: 0px">
<table>
<tr>
<td>
<uc1:CFNList ID="CFNList1" runat="server"></uc1:CFNList>
</td>
<%
--<td>
Location:<br />
<asp:TextBox ID="txtLocation" runat="server" CssClass="txtinput" Font-Size="X-Small"
Height="12px" Width="75px" MaxLength="6" ToolTip="Please Enter Six Char DBN (Dist, Boro, School"></asp:TextBox>
</td>--
%>
EIS ID:
<br />
<asp:TextBox ID="txtEISid" runat="server" CssClass="txtinput" Font-Size="X-Small"
Height="12px" Width="75px" MaxLength="7" ToolTip="Please Enter EIS ID."></asp:TextBox>
Status :
<asp:DropDownList ID="ddlStatus" runat="server" Width="125" CssClass="txtinput" Font-Names="Verdana"
Font-Size="X-Small">
<asp:ListItem Text="All" Value="W"></asp:ListItem>
<asp:ListItem Text="Pending" Value="P"></asp:ListItem>
<asp:ListItem Text="Approved" Value="A"></asp:ListItem>
<asp:ListItem Text="Rejected" Value="R"></asp:ListItem>
<asp:ListItem Text="Saved" Value="S"></asp:ListItem>
</asp:DropDownList>
<asp:Button ID="btnSearch" runat="server" OnClientClick ="BLOCKED SCRIPT return ValidateData();" CssClass="selectitem" Text="Search" OnClick="btnSearch_Click" />
</tr>
<td colspan="6">
--<asp:Label ID="lblError" runat ="server" Text ="Error Message" >Test Message</asp:Label>--%>
<td class="tbtxtbox" colspan="3" style="height:30px;">
<asp:Label ID="lblError" runat="server" Height="10px" Font-Size="Small" ForeColor="red" >
</asp:Label>
</table>
It was working the way it supposed to work but when I replace with WebExplorerBar:
<ig:WebExplorerBar ID="WebExplorerBar1" runat="server" CssClass="viewPanel"
StyleSetName="Header" Width="805px" Height="870px" >
<Groups
>
<ig:ExplorerBarGroup Expanded="true"
<Items
<ig:ExplorerBarItem TemplateId="viewPanel">
<Template
<div class="content" id
="content">
<div id="navigation" class="navigation" style="height
: 5px;">
</div
<div id="findemp" class="findemp" style="margin-top
: 0px">
<div id="personInfo" style="margin-top
<table
<tr
<td
<uc1:CFNList ID="CFNList1" runat="server" ></uc1:CFNList
</td
<br
/>
<asp:TextBox ID="txtEISid" runat="server" CssClass="txtinput" Font-Size
="X-Small"
Height="12px" Width="75px" MaxLength="7" ToolTip="Please Enter EIS ID."></asp:TextBox
<asp:DropDownList ID="ddlStatus" runat="server" Width="125" CssClass="txtinput" Font-Names
="Verdana"
Font-Size
="X-Small">
<asp:ListItem Text="All" Value="W"></asp:ListItem
<asp:ListItem Text="Pending" Value="P"></asp:ListItem
<asp:ListItem Text="Approved" Value="A"></asp:ListItem
<asp:ListItem Text="Rejected" Value="R"></asp:ListItem
<asp:ListItem Text="Saved" Value="S"></asp:ListItem
</asp:DropDownList
<asp:Button ID="btnSearch" runat="server" CssClass="selectitem" Text="Search"
</tr
<td colspan
="6">
<td class="tbtxtbox" colspan="3" style="height
:30px;">
<asp:Label ID="lblError" runat="server" Height="10px" Font-Size="Small" ForeColor="red"
</asp:Label
</table
</Template
</ig:ExplorerBarItem
</Items
</ig:ExplorerBarGroup
</Groups>
</ig:WebExplorerBar
It is looking ugly right now
Please help.
Do you have the styles for this referred? Can you post a project that reproduces this and a screenshot maybe?
Jane,
Can you do this so I can try to assist you further or are you all set now?