Databases
StackOverflow2013
Postsdbo
POASP.Net wizard Control breaks in ie10
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POASP.Net wizard Control breaks in ie10
    text
    copied!<p>I have this following code snippet for an asp.net wizard control embedded inside a datagridview footer which is working perfectly according to my needs.It still renders correctly in Firefox, Chrome and opera but on upgrading to IE 10 the whole wizard is distorted.</p> <p>Most of our clients are IE fanatics.Sad.</p> <p><a href="https://www.dropbox.com/sh/2fl1i40bo71suuk/rATtGEK2OF" rel="nofollow"> Image Links in IE and FireFox </a></p> <p>My mark up for the template field where the wizard resides</p> <pre><code>&lt;asp:TemplateField HeaderText="ISCID"&gt; &lt;ItemTemplate&gt; &lt;asp:Label ID="Label1" runat="server" SortExpression="ISCID" Text='&lt;%# Eval("ISCID") %&gt;' ReadOnly="true" /&gt; &lt;/ItemTemplate&gt; &lt;FooterTemplate&gt; &lt;asp:Panel runat="server" ID="FooterMessagePanel1" Style="text-align: center" Wrap="False"&gt; &lt;asp:Label runat="server" ID="LabelFooterMessage1" Text="Click the + button to initiate a new transfer" /&gt; &lt;/asp:Panel&gt; &lt;asp:Panel runat="server" ID="TransferWizardPanel" Style="display: none" Width="100%" Wrap="False"&gt; &lt;asp:Wizard ID="TransferWizard" DisplayCancelButton="true" runat="server" HeaderText="Share transfer Wizard" HeaderStyle-Font-Size="Larger" HeaderStyle-CssClass="CaptionLabelGVsm" OnFinishButtonClick="TransferWizard_FinishButtonClick" OnCancelButtonClick="TransferWizard_CancelButtonClick" OnActiveStepChanged="TransferWizard_ActiveStepChanged" StepNextButtonType="Image" StepNextButtonImageUrl="~/images/Next16.png" StepPreviousButtonType="Image" StepPreviousButtonImageUrl="~/images/Previous16.png" CancelButtonType="Image" CancelButtonImageUrl="~/images/Cancel16.png" ActiveStepIndex="0" Width="100%"&gt; &lt;SideBarTemplate&gt; &lt;asp:DataList ID="SideBarList" runat="server" OnItemDataBound="SideBarList_ItemDataBound" HorizontalAlign="Justify" RepeatDirection="Horizontal"&gt; &lt;ItemTemplate&gt; &lt;asp:LinkButton ID="SideBarButton" ForeColor="Black" runat="server" CssClass="MenuBar"&gt;&lt;/asp:LinkButton&gt; &lt;/ItemTemplate&gt; &lt;/asp:DataList&gt; &lt;/tr&gt;&lt;tr&gt; &lt;/SideBarTemplate&gt; &lt;StartNavigationTemplate&gt; &lt;asp:Panel ID="panStart" runat="server"&gt; &lt;asp:ImageButton runat="server" ID="imgStart" ImageUrl="~/images/Next16.png" CommandName="MoveNext" /&gt; &lt;asp:ImageButton ID="startCancelButton" runat="server" CausesValidation="False" CommandName="Cancel" ImageUrl="~/images/Edit_UndoHS.png" OnClientClick="return confirm('Are you sure you want to cancel');" /&gt; &lt;/asp:Panel&gt; &lt;/StartNavigationTemplate&gt; &lt;StepNavigationTemplate&gt; &lt;asp:ImageButton ID="StepPreviousButton" runat="server" CausesValidation="False" CommandName="MovePrevious" ImageUrl="~/images/Previous16.png" /&gt; &lt;asp:ImageButton ID="StepNextButton" runat="server" CausesValidation="true" CommandName="MoveNext" ImageUrl="~/images/Next16.png" /&gt; &lt;asp:ImageButton ID="CancelButton" runat="server" CausesValidation="False" CommandName="Cancel" ImageUrl="~/images/Edit_UndoHS.png" /&gt; &lt;/StepNavigationTemplate&gt; &lt;FinishNavigationTemplate&gt; &lt;asp:ImageButton ID="FinishButton" runat="server" CausesValidation="False" CommandName="MoveComplete" ImageUrl="~/images/Finish16.png" /&gt; &lt;/FinishNavigationTemplate&gt; &lt;WizardSteps&gt; &lt;asp:WizardStep ID="WizardStep1" runat="server" Title="Transferor Details"&gt; &lt;asp:Panel runat="server" ID="TransferFromAllotmentsPanel" Style="display: none"&gt; &lt;table class="TableControlGV" style="width: 100%"&gt; &lt;tr&gt; &lt;td class="LabelColumnGV" style="text-align: left"&gt;Class&lt;/td&gt; &lt;td class="DescColumnGV"&gt; &lt;asp:TextBox ID="AllotClassGVDDList" Width="100%" runat="server" CssClass="classInput" ReadOnly="False" /&gt; &lt;asp:RequiredFieldValidator ID="RequiredFieldValidatorAllotClass" runat="server" ControlToValidate="AllotClassGVDDList" Text="" InitialValue="" Display="Dynamic" ErrorMessage="Enter share class"&gt;&lt;/asp:RequiredFieldValidator&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;table class="TableControlGV" style="width: 100%"&gt; &lt;tr&gt; &lt;td colspan="6" class="CaptionLabelGVsm" style="text-align: left"&gt;Avalaible Certificates&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="width: 100%"&gt; &lt;asp:GridView ID="TrnsfreeWizardGridView" runat="server" AutoGenerateColumns="False" DataKeyNames="ISCID,ClassCode" CssClass="grid" Width="100%" OnRowEditing="TrnsfreeWizardGridView_RowEditing" EnableModelValidation="True" ShowFooter="False"&gt; &lt;RowStyle CssClass="GridViewRow" /&gt; &lt;SelectedRowStyle CssClass="GridViewRowSelected" /&gt; &lt;EditRowStyle BackColor="Azure" /&gt; &lt;EditRowStyle CssClass="GridViewRowEdit" /&gt; &lt;AlternatingRowStyle CssClass="GridViewRowAlt" /&gt; &lt;Columns&gt; &lt;/Columns&gt; &lt;EmptyDataTemplate&gt; &lt;/EmptyDataTemplate&gt; &lt;FooterStyle CssClass="CaptionLabelGVsm" /&gt; &lt;/asp:GridView&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/asp:Panel&gt; &lt;/asp:WizardStep&gt; &lt;asp:WizardStep ID="WizadStep2" runat="server" Title="Transfer Details"&gt; &lt;asp:Panel ID="NewTransferPanel" runat="server" Style="display: block" Width="100%"&gt; &lt;/asp:Panel&gt; &lt;/asp:WizardStep&gt; &lt;asp:WizardStep ID="WizardStep3" runat="server" Title="Transfer Summary" OnActivate="WizardStep2_Activate"&gt; &lt;asp:Panel ID="TransferSummaryPanel" runat="server"&gt; &lt;asp:GridView ID="GridViewSummary" runat="server" AutoGenerateColumns="False" CssClass="grid"&gt; &lt;Columns&gt; &lt;asp:BoundField HeaderText="Date" DataField="TransDate" /&gt; &lt;asp:BoundField HeaderText="Transferor" DataField="Transferor" /&gt; &lt;asp:BoundField HeaderText="Transferee" DataField="Transferee" /&gt; &lt;asp:BoundField HeaderText="Class" DataField="ShareClass" /&gt; &lt;asp:BoundField HeaderText="OldCertNo" DataField="OldCertNumber" /&gt; &lt;asp:BoundField HeaderText="NewCertNo" DataField="NewCertNumber" /&gt; &lt;asp:BoundField HeaderText="Amount" DataField="Amount" /&gt; &lt;asp:BoundField HeaderText="Shares" DataField="Shares" /&gt; &lt;/Columns&gt; &lt;/asp:GridView&gt; &lt;/asp:Panel&gt; &lt;/asp:WizardStep&gt; &lt;asp:WizardStep ID="WizardStep4" runat="server" Title="Transfer Complete"&gt; &lt;asp:Panel ID="PanelComplete" runat="server" Style="display: block"&gt; &lt;asp:Label ID="LabelMessage" runat="server" Text="Share transfer completed successfully&lt;br&gt;Click Finish to exit wizard or new to add a new transfer"&gt;&lt;/asp:Label&gt; &lt;asp:ImageButton ID="ButtonNew" runat="server" Text="New Transfer" OnClick="ButtonNew_Click" ImageUrl="~/images/add.png" /&gt; &lt;/asp:Panel&gt; &lt;/asp:WizardStep&gt; &lt;/WizardSteps&gt; &lt;/asp:Wizard&gt; &lt;/asp:Panel&gt; &lt;/FooterTemplate&gt; &lt;/asp:TemplateField&gt; </code></pre> <p>I have been trying for hours to correct this problem but all my attempts have been thwarted by the stubborn IE10.Please help to stop myself banging my head against the wall.The unusual tr open and close tag in the sidebar template is a hack (got on this forum) to force the sidebar menu run horizontally and does not seem to be the root of the rendering issue.</p> <p>Thanks in advance</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload