RadDock Move in IE

[Kishor Dalwadi]

Hi Sir
              I am currently  having an issue with raddock . When raddock is placed in a page  and the page is scrolled the entire page scrolls however raddock is not scrolled and remains fixed . The other controls move normally when the page is scrolled however the raddock control appears fixed and is not moving or scrolling. This problem occurs only in Internet explorer.

Kindly download the attached files which shows the issues.

Thanking you

Kishor Dalwadi.

[Pero]

Hello Kishor,

Could you please provide more information about the problem? Sample source code, or a live url where the problem can be observed, will help us a lot.

I suspect that the problem has something to do with the "position:relative and overflow" in internet explorer: http://snook.ca/archives/html_and_css/position_relative_overflow_ie/.

Kind regards,
Pero
the Telerik team

[Kishor Dalwadi]

Hello sir
i  am try u solution but my problem is not solved
so  i am sending my code  of aspx page . Please see it  give me proper solutions



<asp:Panel ID="pnlStadnard" runat="server" GroupingText="Standard Detail">
                    <table width="100%">
                        <tr>
                            <td>
                                <logicare:CustomLabel ID="CustomLabel10" runat="server" VariableName="LBL_ProductName"
                                    Font-Bold="true"></logicare:CustomLabel>
                                :
                            </td>
                            <td align="left">
                                <asp:Label ID="lblName" runat="server"></asp:Label>
                            </td>
                        </tr>
                    </table>
                   
                        <telerik:RadDockLayout runat="server" ID="dockStandard" OnLoadDockLayout="LoadDockLayout">
                            <table style="width: 100%;">
                                <tr>
                                    <td colspan="2" valign="top">
                                        <telerik:RadDockZone runat="server" ID="dockZoneVisible1" Orientation="Vertical"
                                            BorderStyle="None">
                                        </telerik:RadDockZone>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 50%" valign="top">
                                        <telerik:RadDockZone runat="server" ID="dockZoneVisible2" Orientation="Vertical"
                                            BorderStyle="None">
                                        </telerik:RadDockZone>
                                    </td>
                                    <td style="width: 50%" valign="top">
                                        <telerik:RadDockZone runat="server" ID="dockZoneVisible3" Orientation="Vertical"
                                            BorderStyle="None">
                                        </telerik:RadDockZone>
                                    </td>
                                </tr>
                            </table>
                            <div id="divdocAvilable" style="display: none">
                                <telerik:RadDockZone runat="server" ID="dockAvailable" BorderStyle="None">
                                    <telerik:RadDock runat="server" ID="radDockControlDrugInformation" DockHandle="None"
                                        CssClass="RadDock">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel25" runat="server" GroupingText="ControlDrugInformation">
                                                <telerik:RadGrid ID="grdVMPControlDrugInformation" runat="server" AllowPaging="True"
                                                    AllowSorting="true" AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Control Drug Category" UniqueName="ControlDrugCategoryDesc"
                                                                DataField="CATDESC" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockDrugRoute" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel24" runat="server" GroupingText="Drug Route">
                                                <telerik:RadGrid ID="grdVMPDrugRoute" runat="server" AllowPaging="True" AllowSorting="True"
                                                    AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Route" UniqueName="DrugRouteDesc" DataField="DESC" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockLegalCategory" DockHandle="None" BorderStyle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        Legal Category :
                                                        <asp:Label ID="lblAMPPLegalCategory" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockDrugForm" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel23" runat="server" GroupingText="Drug Form">
                                                <telerik:RadGrid ID="grdVMPDrugForm" runat="server" AllowPaging="True" AllowSorting="True"
                                                    AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Form" UniqueName="DrugFormDesc" DataField="DESC" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockONTDrugForm" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel22" runat="server" GroupingText="ONT Drug Form">
                                                <telerik:RadGrid ID="grdVMPONTDrugForm" runat="server" AllowPaging="True" AllowSorting="True"
                                                    AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Ont Form-Route" UniqueName="OntFormRouteDESC"
                                                                DataField="DESC" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockVirtualProductIngredients" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel21" runat="server" GroupingText="Virtual Product Ingredients">
                                                <telerik:RadGrid ID="grdVMPVirtualProductIngredients" runat="server" AllowPaging="True"
                                                    AllowSorting="true" AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="IngredientName" UniqueName="IngredientName"
                                                                DataField="IngredientName" />
                                                            <telerik:GridBoundColumn HeaderText="Strength" UniqueName="BasicStrength" DataField="STRNT_NMRTR_VAL" />
                                                            <telerik:GridBoundColumn HeaderText="UOM" UniqueName="UOM" DataField="UOM" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockUnitUOM" DockHandle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        Unit-UOM :
                                                        <asp:Label ID="lblVMPUnitUOM" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockUDFSUOM" DockHandle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        UDFS-UOM :
                                                        <asp:Label ID="lblVMPUDFSUOM" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockUDFS" DockHandle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        UDFS(Unit Dose Form Size) :
                                                        <asp:Label ID="lblVMPUDFS" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockDoseFormIndicator" DockHandle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        Dose Form Indicator :
                                                        <asp:Label ID="lblVMPDoseFormIndicator" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockApplianceProductInformation" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel15" runat="server" GroupingText="Appliance Product Information">
                                                <telerik:RadGrid ID="grdAMPApplianceProductInformation" runat="server" AllowPaging="True"
                                                    AllowSorting="true" AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Product Order Number" UniqueName="PROD_ORDER_NO"
                                                                DataField="PROD_ORDER_NO" />
                                                            <telerik:GridBoundColumn HeaderText="Size-Weight" UniqueName="SZ_WEIGHT" DataField="SZ_WEIGHT" />
                                                            <telerik:GridBoundColumn HeaderText="Colour" UniqueName="COLOUR" DataField="COLOUR" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockLicensedRoute" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel14" runat="server" GroupingText="Licensed Route">
                                                <telerik:RadGrid ID="grdAMPLicensedRoute" runat="server" AllowPaging="True" AllowSorting="True"
                                                    AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Route" UniqueName="ROUTE" DataField="ROUTE" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockActualProductExcipients" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel13" runat="server" GroupingText="Actual Product Excipients">
                                                <telerik:RadGrid ID="grdAMPActualProductExcipients" runat="server" AllowPaging="True"
                                                    AllowSorting="true" AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Strnth" UniqueName="Strnth" DataField="Strnth" />
                                                            <telerik:GridBoundColumn HeaderText="UOM" UniqueName="UOM" DataField="UOM" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockSupplier" DockHandle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        Supplier :
                                                        <asp:Label ID="lblAMPSupplier" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockFlavour" DockHandle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        Flavour :
                                                        <asp:Label ID="lblAMPFlavour" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockCombinationProductInfomation" DockHandle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        Combination Product Infomation :
                                                        <asp:Label ID="lblAMPCombinationProductInfomation" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockLicensingAuthority" DockHandle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        Licensing Authority :
                                                        <asp:Label ID="lblAMPLicensingAuthority" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockDrugTariffCategoryInformation" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel8" runat="server" GroupingText="Drug Tariff Category Information">
                                                <telerik:RadGrid ID="grdVMPPDrugTariffCategoryInformation" runat="server" AllowPaging="True"
                                                    AllowSorting="true" AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Drug Tariff Information" UniqueName="dtinfo"
                                                                DataField="dtinfo" />
                                                            <telerik:GridBoundColumn HeaderText="Price" UniqueName="Price" DataField="Price"
                                                                DataFormatString="{0:N3}" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockCombinationPackContent" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel7" runat="server" GroupingText="Combination Pack Content">
                                                <telerik:RadGrid ID="grdAMPPCombinationPackContent" runat="server" AllowPaging="True"
                                                    AllowSorting="true" AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Combination Pack Pairs" UniqueName="px_charges"
                                                                DataField="CCONTENT" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockReimbursementInformation" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel6" runat="server" GroupingText="Reimbursement Information">
                                                <telerik:RadGrid ID="grdAMPPReimbursementInformation" runat="server" AllowPaging="True"
                                                    AllowSorting="true" AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Prescrition Charges" UniqueName="px_charges"
                                                                DataField="px_charges" />
                                                            <telerik:GridBoundColumn HeaderText="Dispensing Fees" UniqueName="Disp_fees" DataField="Disp_fees" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockMedicalProductPrice" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel5" runat="server" GroupingText="Medical Product Price">
                                                <telerik:RadGrid ID="grdAMPPMedicalProductPrice" runat="server" AllowPaging="True"
                                                    AllowSorting="true" AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Price" UniqueName="Price" DataField="Price"
                                                                DataFormatString="{0:N3}" DataType="System.Decimal" />
                                                            <telerik:GridBoundColumn HeaderText="Date of Price Applicability" UniqueName="PriceDt"
                                                                DataFormatString="{0:hh:mm tt}" DataType="System.DateTime" DataField="PriceDt" />
                                                            <telerik:GridBoundColumn HeaderText="Previous Price" UniqueName="Price_Prev" DataField="Price_Prev"
                                                                DataFormatString="{0:N3}" DataType="System.Decimal" />
                                                            <telerik:GridBoundColumn HeaderText="Basis Price" UniqueName="PRICE_BASISDesc" DataField="PRICE_BASISDesc" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockProductPrescribingInformation" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel1" runat="server" GroupingText="Product Prescribing Information">
                                                <telerik:RadGrid ID="grdAMPPProductPrescribingInformation" runat="server" AllowPaging="True"
                                                    AllowSorting="true" AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Schedule" UniqueName="SCHED_2" DataField="SCHED_2" />
                                                            <telerik:GridBoundColumn HeaderText="Hosptial" UniqueName="Hosp" DataField="Hosp" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockAppliancePackInformation" DockHandle="None">
                                        <ContentTemplate>
                                            <asp:Panel ID="Panel4" runat="server" GroupingText="Appliance Pack Information">
                                                <telerik:RadGrid ID="grdAMPPAppliancePackInformation" runat="server" AllowPaging="True"
                                                    AllowSorting="true" AutoGenerateColumns="false" GridLines="None">
                                                    <MasterTableView>
                                                        <Columns>
                                                            <telerik:GridBoundColumn HeaderText="Date Appliance " UniqueName="REIMB_STATDT" DataField="REIMB_STATDT"
                                                                DataFormatString="{0:hh:mm tt}" DataType="System.DateTime" />
                                                            <telerik:GridBoundColumn HeaderText="Pack Order No" UniqueName="PACK_ORDER_NO" DataField="PACK_ORDER_NO" />
                                                            <telerik:GridBoundColumn HeaderText="Appliance Reimbursement Status" UniqueName="reimbursement_status"
                                                                DataField="Desc" />
                                                            <telerik:GridBoundColumn HeaderText="Appliance Reimbursement Previous Status" UniqueName="reimbursement_status"
                                                                DataField="previousDesc" />
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockDiscountinouedFlag" DockHandle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        Discountinoued Flag :
                                                        <asp:Label ID="lblAMPPDiscountinouedFlag" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                    <telerik:RadDock runat="server" ID="radDockCombinationPackInformation" DockHandle="None">
                                        <ContentTemplate>
                                            <table style="width: 100%">
                                                <tr>
                                                    <td align="left">
                                                        Combination Pack Information :
                                                        <asp:Label ID="lblAMPPCombinationPackIndicator" runat="server"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ContentTemplate>
                                    </telerik:RadDock>
                                </telerik:RadDockZone>
                            </div>
                        </telerik:RadDockLayout>
                    
                </asp:Panel>

[Pero]

Hello Kishor,

Thank you for the source code. I ran it easily, but was not able the problem locally (or at least I am not sure what is the problem). Could you please provide a live url where the problem can be observed?
I have attached the project that I tested. Could you please modify it so the problem can be reproduced, and send the modified code back? Moreover, please capture a video that shows the erroneous behavior, so I can see the exact issue.
Free video capturing software can be found here: http://www.techsmith.com/jing/.


Sincerely yours,
Pero
the Telerik team