Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
955
WebSplitter in content page making page height grow larger at runtime.
posted

Hello,

 

I am using IG tool set 15.1 CLR45 with VS 2012 and IE 10. I've added a WebSplitter to a content page in my application. The splitter contains only 2 panes. Within each pane there are some html tables with some databound checkboxlist controls and such. At runtime the page height continues to grows on and on and I can never seem scroll to the bottom of the page. I've set the Websplitter height property to 85%. I've placed same controls on a page without the WebSplitter and constant scrolling doesn't happen.

 

 

FYI: If it makes any difference, the databound checklists contain from 10 - 14 items.

 

Thank you,

 

A portion of the code below:

<ig:WebSplitter ID="WebSplitter1" runat="server" Width="100%"  Height="85%" Font-Size="0.8em">

        <Panes>

            <ig:SplitterPane runat="server" Size="87%">

                <Template>

                    <table style="width: 100%; white-space: nowrap" cellspacing="0" cellpadding="0">

                        <tr style="background-color: black">

                            <td>

                                <asp:Label ID ="lblCtypeHeader" runat="server" CssClass="ItemHeader" Text="COMPLIANCE OCCURRENCE TYPES"></asp:Label>

                            </td>

                            <td>

 

                            </td>

                            <td>

 

                            </td>

                            <td>

                                <asp:Label ID="lblSRHeader" runat="server" Text="REPORT SOURCE" CssClass="ItemHeader"></asp:Label>

                            </td>

                            <td>

                                <asp:Label ID ="lblDetectHeader" runat="server" CssClass="ItemHeader" Text="HOW DETECTED"></asp:Label>

                            </td>

                        </tr>

                        <tr>

                            <td valign="top" style="font-size: .8em" nowrap="nowrap">

                                <asp:CheckBoxList ID="ckComplianceType1" runat="server" DataSourceID="SqlCompliance1" DataTextField="Compliance_Type_Name" DataValueField="ID" CssClass="checkboxlist_nowrap"></asp:CheckBoxList>

                                <asp:SqlDataSource ID="SqlCompliance1" runat="server" ConnectionString="<%$ ConnectionStrings:CHPComplianceDB %>" SelectCommand="usp_List_Lookup_Compliance_Occurrence_Types_1" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

                            </td>

                            <td style="vertical-align: top; font-size: .8em" nowrap="nowrap">

                                <asp:CheckBoxList ID="ckComplainceType2" runat="server" DataSourceID="SqlCompliacne2" DataTextField="Compliance_Type_Name" DataValueField="ID" CssClass="checkboxlist_nowrap"></asp:CheckBoxList>

                                <asp:SqlDataSource ID="SqlCompliacne2" runat="server" ConnectionString="<%$ ConnectionStrings:CHPComplianceDB %>" SelectCommand="usp_List_Lookup_Compliance_Occurrence_Types_2" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

                            </td>

                            <td style="vertical-align: top; font-size: .8em" nowrap="nowrap">

                                <asp:CheckBoxList ID="ckComplaince3" runat="server"  DataSourceID="SqlCompliance3" DataTextField="Compliance_Type_Name" DataValueField="ID" CssClass="checkboxlist_nowrap"></asp:CheckBoxList>

                                <asp:SqlDataSource ID="SqlCompliance3" runat="server" ConnectionString="<%$ ConnectionStrings:CHPComplianceDB %>" SelectCommand="usp_List_Lookup_Compliance_Occurrence_Types_3" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

                            </td>

                            <td valign="top" style="font-size: .8em; border-left: solid" >

                               <asp:CheckBoxList ID="ckReportSource" runat="server" DataSourceID="SqlReportSource" DataTextField="Report_source" DataValueField="Report_source" CssClass="checkboxlist_nowrap"></asp:CheckBoxList>

                              

                                <asp:SqlDataSource ID="SqlReportSource" runat="server" ConnectionString="<%$ ConnectionStrings:CHPComplianceDB %>" SelectCommand="usp_List_Lookup_Occurrence_Report_Source" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

                              

                            </td>

                            <td valign="top" style="font-size: .8em; border-left: thin; border-left-style: solid">

                                <asp:CheckBoxList ID="checkDetected" runat="server" DataSourceID="SqlReportMethod" DataTextField="Report_Method" DataValueField="ID" CssClass="checkboxlist_nowrap"></asp:CheckBoxList>

                                <asp:SqlDataSource ID="SqlReportMethod" runat="server" ConnectionString="<%$ ConnectionStrings:CHPComplianceDB %>" SelectCommand="usp_List_Lookup_Occurrenece_Report_Method" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

                            </td>

                        </tr>

                    </table>

                </Template>

            </ig:SplitterPane>

            <ig:SplitterPane runat="server" Size="13%">

              <Template>

            <table border="1" cellpadding="0" cellspacing="0" width="100%">

                <tr>

                   <td valign="top">

                       <ig:WebDatePicker ID="dpIncidentDate" runat="server" DropDownCalendarID="WebMonthCalendar1"></ig:WebDatePicker>

                   </td>

                </tr>

                <tr style="border-top: thin; border-top-style: solid">

                    <td valign="middle" style="font-size: xx-small">DATE INITIATED</td>

                </tr>

                <tr>

                    <td valign="top">

                        <ig:WebDatePicker ID="dpDateInitiated" runat="server" DropDownCalendarID="WebMonthCalendar1"></ig:WebDatePicker>

                    </td>

                </tr>

                <tr>

                    <td valign="top" style="border-Top: thin; border-Top-style: solid">DATE INVESTIGATION ENDED</td>

                </tr>

                <tr>

                    <td valign="top">

                        <ig:WebDatePicker ID="dpDateInvestigationEnded" runat="server" DropDownCalendarID="WebMonthCalendar1"></ig:WebDatePicker>

                    </td>

                </tr>

                <tr>

                    <td style="border-top: thin; border-top-style: solid">WHO CONDUCTED INVESTIGATION</td>

                </tr>

                <tr>

                    <td valign="middle">

                        <ig:WebTextEditor ID="txtInvestigatedBy" runat="server"></ig:WebTextEditor>

                    </td>

                </tr>

                <tr>

                    <td valign="top" style="border-top: thin; border-top-style: solid; font-size: .9em">FWA Based on Risk Assestment?</td>

                </tr>

                <tr>

                    <td valign="middle" style="font-size: .8em">

                        <asp:CheckBoxList ID="ckFWA" runat="server" CssClass="checkboxlist_nowrap" RepeatDirection="Horizontal" Font-Size=".8em">

                            <asp:ListItem Value="1">Yes</asp:ListItem>

                            <asp:ListItem Value="2">No</asp:ListItem>

                            <asp:ListItem Value="3">N/A</asp:ListItem>

                        </asp:CheckBoxList>

                    </td>

                </tr>

            </table>

                </Template>

       </ig:SplitterPane>

         

        </Panes>

         </ig:WebSplitter>

 

Parents
No Data
Reply
  • 15320
    Offline posted

    Hello CHPEmpl,

    I created a sample using your code in order to test the described behavior on IE10, however I couldn't reproduce it on my side. The only difference is that I defined several listitems for each checkboxlist instead of binding it to a datasource. Please test the attached sample on your side and let me know if you could reproduce the issue with it. If needed feel free to modify it and send it back to me.

    Regards,
    Tsanna

    pageHeightGrowing.zip
Children
No Data