Problem in Layout when using dock inside Panel

6 posts, 0 answers
  1. Jidesh Guptha
    Jidesh Guptha avatar
    45 posts
    Member since:
    Apr 2005

    Posted 09 Jun 2009 Link to this post

    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
  2. Obi-Wan Kenobi
    Obi-Wan Kenobi  avatar
    460 posts
    Member since:
    Aug 2007

    Posted 09 Jun 2009 Link to this post

    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.
  3. Jidesh Guptha
    Jidesh Guptha avatar
    45 posts
    Member since:
    Apr 2005

    Posted 10 Jun 2009 Link to this post

    <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
  4. Petio Petkov
    Admin
    Petio Petkov avatar
    825 posts

    Posted 15 Jun 2009 Link to this post

    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.
  5. Jidesh Guptha
    Jidesh Guptha avatar
    45 posts
    Member since:
    Apr 2005

    Posted 17 Jun 2009 Link to this post

    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
  6. Vyrban
    Vyrban avatar
    31 posts
    Member since:
    Nov 2008

    Posted 18 Jun 2009 Link to this post

    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/
Back to Top