Problem in Layout when using dock inside Panel

[Jidesh Guptha]

Hi,

Am using a pannel and placing a dock control inside it.
when the contents of the dock inceases then the dock should still fit inside the pannel and on scrolling the scrollbar of the pannel  the dock should get scrolled up and down. but this doesn't work that way.
when the contents of the dock increases the dock is not fitting within the pannel. the scrollbar of the pannel does not linked with the dock. instead the page height is getting increased and page scrolling appears.
 
Pls. Suggest me how to overcome this.

Thanks
Jidesh

[Obi-Wan Kenobi]

When the RadDock is floating it will be child of the FORM tag and it will be absolutely positioned.
Try to use RadDockZone instead a Panel.

[Jidesh Guptha]

<telerik:RadPane ID="Rad_Saveed_Search_Disp_Pane" runat="server">
                            <telerik:RadPanelBar ID="Rad_Saved_Search_Disp_PanelBar" runat="server" BackColor="Transparent"
                                ExpandMode="FullExpandedItem" Height="541px" Skin="Web20" Width="100%">
                                <Items>
                                    <telerik:RadPanelItem runat="server" Expanded="True" ImageUrl="~/Image/Web20/savedsearch.png"
                                        Text="Saved Search" ClickedCssClass="rpExpanded" DisabledCssClass="rpExpanded"
                                        FocusedCssClass="rpExpanded" SelectedCssClass="rpExpanded">
                                        <Items>
                                            <telerik:RadPanelItem Value="Rad_Panel_item_Saved_Search_Dock_Container">
                                                <ItemTemplate>
                                                   <telerik:RadDockLayout ID="Rad_Saved_Search_Dock_Layout_Outer" runat="server">
                                                        <telerik:RadDockZone ID="Rad_Saved_Search_Dock_zone_Outer" runat="server" Style="border: 0px;"
                                                            Width="515px" MinHeight="515px" Height="515px" Skin="Web20">
                                                            <telerik:RadDock ID="Rad_Saved_Search_Dock_Outer" runat="server" DefaultCommands="None"
                                                                DockMode="Docked" DockHandle="None" Skin="Web20" Title="Saved Search" Style="border: 0px;"
                                                                BorderWidth="0px">
                                                                <ContentTemplate>
                                                                    <table border="0">
                                                                        <tr>
                                                                            <td rowspan="2" valign="top">
                                                                                <telerik:RadDockZone ID="Rad_Saved_Search_Dock_zone_Inner_Left" runat="server" Orientation="Vertical"
                                                                                    Style="border: 0px;" Width="250px" MinHeight="493px">
                                                                                    <telerik:RadDock ID="Rad_Saved_Search_Dock_Inner_Left" runat="server" DefaultCommands="None"
                                                                                        DockMode="Docked" Skin="Web20" Title="Inventory" ForbiddenZones="Rad_Saved_Search_Dock_zone_Outer"
                                                                                        Height="480px">
                                                                                        <ContentTemplate>
                                                                                            <div>

                                                                                            </div>
                                                                                        </ContentTemplate>
                                                                                    </telerik:RadDock>
                                                                                </telerik:RadDockZone>
                                                                            </td>
                                                                            <td valign="top">
                                                                                <telerik:RadDockZone ID="Rad_Saved_Search_Dock_Zone_Inner_Right_Top" runat="server"
                                                                                    Orientation="Vertical" Style="border: 0px;" Width="230" MinHeight="200">
                                                                                    <telerik:RadDock ID="Rad_Saved_Search_Dock_Inner_Right_Top" runat="server" DefaultCommands="None"
                                                                                        DockMode="Docked" Skin="Web20" Title="New Items Added" ForbiddenZones="Rad_Saved_Search_Dock_zone_Outer"
                                                                                        Height="230">
                                                                                        <ContentTemplate>
                                                                                            <div>

                                                                                            </div>
                                                                                        </ContentTemplate>
                                                                                    </telerik:RadDock>
                                                                                </telerik:RadDockZone>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td valign="top">
                                                                                <telerik:RadDockZone ID="Rad_Saved_Search_Dock_zone_Inner_Right_Bottom" runat="server"
                                                                                    Orientation="Vertical" Style="border: 0px;" Width="230" MinHeight="200">
                                                                                    <telerik:RadDock ID="Rad_Saved_Search_Dock_Inner_Right_Bottom" runat="server" DefaultCommands="None"
                                                                                        DockMode="Docked" Skin="Web20" Title="On Hand Qty" ForbiddenZones="Rad_Saved_Search_Dock_zone_Outer"
                                                                                        Height="230">
                                                                                        <ContentTemplate>
                                                                                            <div>

                                                                                            </div>
                                                                                        </ContentTemplate>
                                                                                    </telerik:RadDock>
                                                                                </telerik:RadDockZone>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </ContentTemplate>
                                                            </telerik:RadDock>
                                                        </telerik:RadDockZone>
                                                    </telerik:RadDockLayout>
                                                </ItemTemplate>
                                            </telerik:RadPanelItem>
                                        </Items>
                                    </telerik:RadPanelItem>
                                </Items>
                                <CollapseAnimation Type="None" />
                                <ExpandAnimation Type="None" />
                            </telerik:RadPanelBar>
                        </telerik:RadPane>

I am pasting the part where i have added my dock.
The dock is not fitting inside the pannel

[Petio Petkov]

Hi Jidesh Guptha,

I tested the following code(similar to yours) and everything seems to be fine.

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="RadScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadSplitter ID="RadSplitter" runat="server">
        <telerik:RadPane ID="Rad_Saveed_Search_Disp_Pane" runat="server">
                            <telerik:RadPanelBar ID="Rad_Saved_Search_Disp_PanelBar" runat="server" BackColor="Transparent"
                                ExpandMode="FullExpandedItem" Height="541px" Skin="Web20" Width="100%">
                                <Items>
                                    <telerik:RadPanelItem runat="server" Expanded="True" ImageUrl="~/Image/Web20/savedsearch.png"
                                        Text="Saved Search" ClickedCssClass="rpExpanded" DisabledCssClass="rpExpanded"
                                        FocusedCssClass="rpExpanded" SelectedCssClass="rpExpanded">
                                        <Items>
                                            <telerik:RadPanelItem Value="Rad_Panel_item_Saved_Search_Dock_Container">
                                                <ItemTemplate>
                                                   <telerik:RadDockLayout ID="Rad_Saved_Search_Dock_Layout_Outer" runat="server">
                                                        <telerik:RadDockZone ID="Rad_Saved_Search_Dock_zone_Outer" runat="server" Style="border: 0px;"
                                                            Width="515px" MinHeight="515px" Height="515px" Skin="Web20">
                                                            <telerik:RadDock ID="Rad_Saved_Search_Dock_Outer" runat="server" DefaultCommands="None"
                                                                DockMode="Docked" DockHandle="None" Skin="Web20" Title="Saved Search" Style="border: 0px;"
                                                                BorderWidth="0px">
                                                                <ContentTemplate>
                                                                    <table border="0">
                                                                        <tr>
                                                                            <td rowspan="2" valign="top">
                                                                                <telerik:RadDockZone ID="Rad_Saved_Search_Dock_zone_Inner_Left" runat="server" Orientation="Vertical"
                                                                                    Style="border: 0px;" Width="250px" MinHeight="493px">
                                                                                    <telerik:RadDock ID="Rad_Saved_Search_Dock_Inner_Left" runat="server" DefaultCommands="None"
                                                                                        DockMode="Docked" Skin="Web20" Title="Inventory" ForbiddenZones="Rad_Saved_Search_Dock_zone_Outer"
                                                                                        Height="480px">
                                                                                        <ContentTemplate>
                                                                                            <div>

                                                                                            </div>
                                                                                        </ContentTemplate>
                                                                                    </telerik:RadDock>
                                                                                </telerik:RadDockZone>
                                                                            </td>
                                                                            <td valign="top">
                                                                                <telerik:RadDockZone ID="Rad_Saved_Search_Dock_Zone_Inner_Right_Top" runat="server"
                                                                                    Orientation="Vertical" Style="border: 0px;" Width="230" MinHeight="200">
                                                                                    <telerik:RadDock ID="Rad_Saved_Search_Dock_Inner_Right_Top" runat="server" DefaultCommands="None"
                                                                                        DockMode="Docked" Skin="Web20" Title="New Items Added" ForbiddenZones="Rad_Saved_Search_Dock_zone_Outer"
                                                                                        Height="230">
                                                                                        <ContentTemplate>
                                                                                            <div>

                                                                                            </div>
                                                                                        </ContentTemplate>
                                                                                    </telerik:RadDock>
                                                                                </telerik:RadDockZone>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td valign="top">
                                                                                <telerik:RadDockZone ID="Rad_Saved_Search_Dock_zone_Inner_Right_Bottom" runat="server"
                                                                                    Orientation="Vertical" Style="border: 0px;" Width="230" MinHeight="200">
                                                                                    <telerik:RadDock ID="Rad_Saved_Search_Dock_Inner_Right_Bottom" runat="server" DefaultCommands="None"
                                                                                        DockMode="Docked" Skin="Web20" Title="On Hand Qty" ForbiddenZones="Rad_Saved_Search_Dock_zone_Outer"
                                                                                        Height="230">
                                                                                        <ContentTemplate>
                                                                                            <div>

                                                                                            </div>
                                                                                        </ContentTemplate>
                                                                                    </telerik:RadDock>
                                                                                </telerik:RadDockZone>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </ContentTemplate>
                                                            </telerik:RadDock>
                                                        </telerik:RadDockZone>
                                                    </telerik:RadDockLayout>
                                                </ItemTemplate>
                                            </telerik:RadPanelItem>
                                        </Items>
                                    </telerik:RadPanelItem>
                                </Items>
                                <CollapseAnimation Type="None" />
                                <ExpandAnimation Type="None" />
                            </telerik:RadPanelBar>
                        </telerik:RadPane>
                        </telerik:RadSplitter>

    </div>
    </form>
</body>
</html>

Please open a new support thread and send us the entire page code and screenshots which illustrates the current behavior and what is your goal. Once we receive them we will do our best to help you.

Greetings,
Petio Petkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Jidesh Guptha]

Hi,
I haven taken few screenshot of the current behaviour of the page, but am not able to attach the screenshot. Pls. guide me how to send attachments. so i will send screenshot  and also the code.

I have also tried the sample you have altered by you. even in that the dock is not fit inside the pannel

Thanks

Jidesh

[Vyrban]

Hello, why don't you try to use some of the fast upload sites and then to post the links of the screenshots. E.g.:http://rapidshare.com/