This is a migrated thread and some comments may be shown as answers.
Problem in Layout when using dock inside Panel
5 Answers 66 Views
This is a migrated thread and some comments may be shown as answers.
Jidesh Guptha
Top achievements
Rank 1
Jidesh Guptha asked on 09 Jun 2009, 06:42 AM
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

5 Answers, 1 is accepted

Sort by
0
Obi-Wan Kenobi
Top achievements
Rank 1
answered on 09 Jun 2009, 02:31 PM
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.
0
Jidesh Guptha
Top achievements
Rank 1
answered on 10 Jun 2009, 12:06 PM
<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
0
Petio Petkov
Telerik team
answered on 15 Jun 2009, 01:27 PM
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.
0
Jidesh Guptha
Top achievements
Rank 1
answered on 17 Jun 2009, 01:41 PM
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
0
Vyrban
Top achievements
Rank 1
answered on 18 Jun 2009, 12:27 PM
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/
Tags
Dock
Asked by
Jidesh Guptha
Top achievements
Rank 1
Answers by
Obi-Wan Kenobi
Top achievements
Rank 1
Jidesh Guptha
Top achievements
Rank 1
Petio Petkov
Telerik team
Vyrban
Top achievements
Rank 1
Share this question
or