This is a migrated thread and some comments may be shown as answers.

Dock Alignment issue when using inside a pannel

3 Answers 70 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Jidesh Guptha
Top achievements
Rank 1
Jidesh Guptha asked on 18 Jun 2009, 02:44 PM
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="SaasSCMHome._Default" %> 
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<!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>Untitled Page</title> 
    <link href="Stylesheet-Default.css" rel="stylesheet" type="text/css" /> 
    <style type="text/css">  
        body  
        {  
            margin: 0px;  
            padding: 0px;  
        }  
        .RadInput_Default  
        {  
            vertical-align: middle;  
            font: 12px "segoe ui" ,arial,sans-serif;  
        }  
        .RadComboBox_Web20  
        {  
            vertical-align: middle;  
        }  
        .RadComboBox_Web20  
        {  
            font: 12px "Segoe UI" , Arial, sans-serif;  
            color: #000;  
            text-align: left;  
        }  
        .RadComboBox_Web20 *  
        {  
            margin: 0;  
            padding: 0;  
        }  
        .RadComboBox_Web20 .rcbReadOnly .rcbInputCellLeft  
        {  
            background-position: 0 0;  
        }  
        .RadComboBox_Web20 .rcbInputCellLeft  
        {  
            background: url(             'mvwres://Telerik.Web.UI, Version=2009.1.402.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Web20.ComboBox.rcbSprite.png' ) no-repeat;  
        }  
        .RadComboBox_Web20 .rcbReadOnly .rcbInput  
        {  
            cursor: default;  
            color: #fff;  
        }  
        .RadComboBox_Web20 .rcbInput  
        {  
            font: 12px "Segoe UI" , Arial, sans-serif;  
            color: #000;  
            text-align: left;  
        }  
        .RadComboBox_Web20 .rcbArrowCellRight  
        {  
            background: url(             'mvwres://Telerik.Web.UI, Version=2009.1.402.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Web20.ComboBox.rcbSprite.png' ) no-repeat;  
        }  
        .RadComboBox_Outlook  
        {  
            vertical-align: middle;  
        }  
        .RadComboBox_Outlook  
        {  
            font: 12px "Segoe UI" , Arial, sans-serif;  
            color: #333;  
            text-align: left;  
        }  
        .RadComboBox_Outlook *  
        {  
            margin: 0;  
            padding: 0;  
        }  
        .RadComboBox_Outlook .rcbInputCellLeft  
        {  
            background: url(             'mvwres://Telerik.Web.UI, Version=2009.1.402.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Outlook.ComboBox.rcbSprite.png' ) no-repeat;  
        }  
        .RadComboBox_Outlook .rcbReadOnly .rcbInput  
        {  
            cursor: default;  
        }  
        .RadComboBox_Outlook .rcbInput  
        {  
            font: 12px "Segoe UI" , Arial, sans-serif;  
            color: #333;  
            text-align: left;  
        }  
        .RadComboBox_Outlook .rcbArrowCellRight  
        {  
            background: url(       'mvwres://Telerik.Web.UI, Version=2009.1.402.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Outlook.ComboBox.rcbSprite.png' ) no-repeat;  
        }  
    </style> 
</head> 
<body> 
    <form id="form1" runat="server">  
    <div> 
        <asp:ScriptManager ID="ScriptManager1" runat="server">  
        </asp:ScriptManager> 
    </div> 
    <!-- aaaa !--> 
    <div style="position: absolute; top: 60px; left: 88%;">  
        <%--<asp:Label ID="lbl_Thems" runat="server" Text="Theme" CssClass="user_info"></asp:Label>--%> 
        <telerik:RadComboBox ID="RadCombo_Themes" runat="server" Skin="Web20" Width="110px" 
            DropDownWidth="110px" Height="100px" OnSelectedIndexChanged="RadCombo_Themes_SelectedIndexChanged" 
            AutoPostBack="true">  
            <Items> 
                <telerik:RadComboBoxItem runat="server" Selected="True" Text="Theme Web20" Value="Web20" /> 
                <telerik:RadComboBoxItem runat="server" Text="Theme Outlook" Value="Outlook" /> 
                <telerik:RadComboBoxItem runat="server" Text="Theme Vista" Value="Vista" /> 
                <telerik:RadComboBoxItem runat="server" Text="Theme Hay" Value="Hay" /> 
                <telerik:RadComboBoxItem runat="server" Text="Theme Sunset" Value="Sunset" /> 
            </Items> 
        </telerik:RadComboBox> 
    </div> 
    <telerik:RadFormDecorator ID="FormDecoratorHome" runat="server" DecoratedControls="all" 
        Skin="Web20"></telerik:RadFormDecorator> 
    <table style="width: 100%;" background="image/<%=RadCombo_Themes.SelectedValue %>/TopTitleBack.gif">  
        <tr> 
            <td rowspan="2" width="30%">  
                <asp:Image ID="Image2" runat="server" ImageUrl="Image/logo.png" /> 
            </td> 
            <td rowspan="2" width="1%">  
                <img alt="" src="Image/<%=RadCombo_Themes.SelectedValue %>/Search.png" /> 
            </td> 
            <td rowspan="2" width="10%">  
                <telerik:RadComboBox ID="RadCombo_TopSearch" runat="server" Skin="Web20" Width="100%" 
                    DropDownWidth="150px" Height="150px" Text="Select Item...">  
                    <Items> 
                        <telerik:RadComboBoxItem runat="server" Text="Select...." Value="Select...." /> 
                        <telerik:RadComboBoxItem runat="server" Selected="True" Text="Option1" Value="Option1" /> 
                    </Items> 
                </telerik:RadComboBox> 
            </td> 
            <td rowspan="2" width="20%">  
                <telerik:RadTextBox ID="txt_Search" runat="server" EmptyMessage="Search ....." Width="100%">  
                </telerik:RadTextBox> 
            </td> 
            <td rowspan="2" width="3%">  
                <asp:Button ID="cmd_SearchGo" runat="server" Text="Go" /> 
            </td> 
            <td width="30%" align="right" colspan="10">  
                <asp:Label ID="lbl_UserName" runat="server" Text="User Name" CssClass="user_info"></asp:Label> 
                <img alt="" class="bullet" src="Image/<%=RadCombo_Themes.SelectedValue %>/bullet.png" /> 
                <asp:Label ID="lbl_UserRole" runat="server" Text="Role : Admin" CssClass="user_info"></asp:Label> 
                <img alt="" class="bullet" src="Image/<%=RadCombo_Themes.SelectedValue %>/bullet.png" /> 
                <asp:Label ID="lbl_Company" runat="server" Text="Company Name" CssClass="user_info"></asp:Label> 
            </td> 
        </tr> 
        <tr> 
            <td align="right">  
                <img alt="" src="Image/<%=RadCombo_Themes.SelectedValue %>/home.png" />&nbsp;  
            </td> 
            <td align="right">  
                <asp:LinkButton ID="lnk_btn_Home" runat="server" CssClass="Left_Link">Home</asp:LinkButton> 
            </td> 
            <td align="right">  
                <img alt="" src="Image/<%=RadCombo_Themes.SelectedValue %>/favorites.png" /> 
            </td> 
            <td align="right">  
                <asp:LinkButton ID="lnk_btn_favorites" runat="server" CssClass="Left_Link">Favorites</asp:LinkButton> 
            </td> 
            <td align="right">  
                <img alt="" src="Image/<%=RadCombo_Themes.SelectedValue %>/myaccount.png" /> 
            </td> 
            <td align="right">  
                <asp:LinkButton ID="lnk_btn_MyAccounts" runat="server" CssClass="Left_Link">My Accounts</asp:LinkButton> 
            </td> 
            <td align="right">  
                <img alt="" src="Image/<%=RadCombo_Themes.SelectedValue %>/help.png" /> 
            </td> 
            <td align="right">  
                <asp:LinkButton ID="lnk_btn_Help" runat="server" CssClass="Left_Link">Help</asp:LinkButton> 
            </td> 
            <td align="right">  
                <img alt="" src="Image/<%=RadCombo_Themes.SelectedValue %>/logout.png" /> 
            </td> 
            <td align="right">  
                <asp:LinkButton ID="lnk_Btn_Logout" runat="server" CssClass="Left_Link">Logout</asp:LinkButton> 
            </td> 
        </tr> 
    </table> 
    <telerik:RadSplitter ID="Rad_MiddleFrame_LeftZone_Splitter" runat="server" Skin="Web20" 
        Width="100%" Height="800px" LiveResize="True" ResizeMode="EndPane">  
        <telerik:RadPane ID="Rad_Left_Zone_Menu" runat="server" EnableEmbeddedSkins="False" 
            Scrolling="Y" Width="15%">  
            <table width="100%; background: url(image/<%=RadCombo_Themes.SelectedValue %>/Bottom.gif) repeat-x center;">  
                <tr> 
                    <td width="85%">  
                        <telerik:RadTextBox ID="txt_MenuSearch" runat="server" EmptyMessage="Search Menu....." 
                            Width="100%">  
                        </telerik:RadTextBox> 
                    </td> 
                    <td width="15%">  
                        <asp:Button ID="cmd_SearchMenuGo" runat="server" Text="Go" /> 
                    </td> 
                </tr> 
            </table> 
            <telerik:RadPanelBar ID="Rad_Left_Zone_Menu_PanelBar" runat="server" BackColor="Transparent" 
                ExpandMode="FullExpandedItem" Height="368px" Skin="Web20" Width="100%">  
                <Items> 
                    <telerik:RadPanelItem runat="server" Expanded="True" ImageUrl="~/Image/trns.gif" 
                        Text="Transactions">  
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Purchase Order">  
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Inventory">  
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" ImageUrl="~/Image/agen1.gif" Text="Masters">  
                        <Items> 
                            <telerik:RadPanelItem runat="server" PostBack="False">  
                                <ItemTemplate> 
                                    <telerik:RadTreeView ID="RadTreeView1" runat="server">  
                                        <Nodes> 
                                            <telerik:RadTreeNode runat="server" Text="Geography">  
                                                <Nodes> 
                                                    <telerik:RadTreeNode runat="server" Text="Country">  
                                                    </telerik:RadTreeNode> 
                                                    <telerik:RadTreeNode runat="server" Text="State">  
                                                    </telerik:RadTreeNode> 
                                                </Nodes> 
                                            </telerik:RadTreeNode> 
                                            <telerik:RadTreeNode runat="server" Text="Enterprices">  
                                                <Nodes> 
                                                    <telerik:RadTreeNode runat="server" Text="Group">  
                                                    </telerik:RadTreeNode> 
                                                    <telerik:RadTreeNode runat="server" Text="Region">  
                                                    </telerik:RadTreeNode> 
                                                    <telerik:RadTreeNode runat="server" Text="Branch">  
                                                    </telerik:RadTreeNode> 
                                                </Nodes> 
                                            </telerik:RadTreeNode> 
                                        </Nodes> 
                                    </telerik:RadTreeView> 
                                </ItemTemplate> 
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" ImageUrl="~/Image/Web20/WorkFlow.png" Text="Work Flow">  
                        <Items> 
                            <telerik:RadPanelItem runat="server">  
                                <ItemTemplate> 
                                    <telerik:RadCalendar ID="RadCalendar1" runat="server" EnableMultiSelect="False" Font-Names="Arial,Verdana,Tahoma" 
                                        ForeColor="Black" SelectedDate="" Skin="Web20" Style="border-left-color: #ececec;  
                                        border-bottom-color: #ececec; border-top-color: #ececec; border-right-color: #ececec"  
                                        ViewSelectorText="x">  
                                    </telerik:RadCalendar> 
                                </ItemTemplate> 
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" ImageUrl="~/Image/Web20/report.png" Text="Reports">  
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Saved Search">  
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Default Search">  
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Pending Claims">  
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                </Items> 
                <CollapseAnimation Type="None" /> 
                <ExpandAnimation Type="None" /> 
            </telerik:RadPanelBar> 
            <telerik:RadPanelBar ID="Rad_Left_Zone_SavedSearch_PanelBar" runat="server" BackColor="Transparent" 
                ExpandMode="FullExpandedItem" Skin="Web20" Width="100%" Height="200px">  
                <Items> 
                    <telerik:RadPanelItem Value="Rad_Panel_Item_Left_zone_Saved_Search" runat="server" 
                        Expanded="True" ImageUrl="~/Image/Web20/savedsearch.png" PreventCollapse="True" 
                        Text="Saved Search">  
                        <Items> 
                            <telerik:RadPanelItem runat="server">  
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                </Items> 
                <CollapseAnimation Type="None" /> 
                <ExpandAnimation Type="None" /> 
            </telerik:RadPanelBar> 
            <telerik:RadPanelBar ID="Rad_Left_Zone_Resent_Activity_PanelBar" runat="server" BackColor="Transparent" 
                ExpandMode="FullExpandedItem" Skin="Web20" Width="100%" Height="200px">  
                <Items> 
                    <telerik:RadPanelItem Value="Rad_Panel_Item_Left_Zone_Resent_Activity" runat="server" 
                        Expanded="True" ImageUrl="~/Image/Web20/time.png" PreventCollapse="True" Text="Resent Activity">  
                        <Items> 
                            <telerik:RadPanelItem runat="server">  
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                </Items> 
                <CollapseAnimation Type="None" /> 
                <ExpandAnimation Type="None" /> 
            </telerik:RadPanelBar> 
        </telerik:RadPane> 
        <telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Forward" /> 
        <telerik:RadPane ID="Rad_MiddleFrame_Center_Zone_Pane" runat="server" Scrolling="None" 
            Width="85%">  
            <telerik:RadSplitter ID="Rad_MiddleFrame_Center_Zone_Splitter" runat="server" Orientation="Horizontal" 
                Height="850px" Width="100%" Skin="Web20">  
                <telerik:RadPane ID="Rad_MiddleFrame_Center_Zone_Matrix_Pane" runat="server" Height="250px">  
                    <telerik:RadPanelBar ID="Rad_Matrix_PanelBar" runat="server" BackColor="Transparent" 
                        ExpandMode="FullExpandedItem" Height="250px" Skin="Web20" Width="100%">  
                        <Items> 
                            <telerik:RadPanelItem Value="Rad_Panel_Item_Matrix" runat="server" Expanded="True" 
                                ImageUrl="~/Image/Web20/matrix.png" PreventCollapse="True" Text="Matrix">  
                                <Items> 
                                    <telerik:RadPanelItem runat="server">  
                                        <ItemTemplate> 
                                            <table width="100%">  
                                                <tr> 
                                                    <td valign="middle" width="3%" align="center">  
                                                        <img alt="Left" src="Image/<%=RadCombo_Themes.SelectedValue %>/Previous.png" id="LeftImg" /> 
                                                    </td> 
                                                    <td valign="middle">  
                                                        <telerik:RadRotator ID="RadRotator1" runat="server" Skin="Web20" Width="100%" Height="200px" 
                                                            ItemHeight="200px" ItemWidth="210px" BorderWidth="1" BorderStyle="Solid" ScrollDuration="500" 
                                                            FrameDuration="100000" RotatorType="Buttons" > 
                                                            <Items> 
                                                                <telerik:RadRotatorItem> 
                                                                    <ItemTemplate> 
                                                                        <asp:Image ID="Image4" BorderStyle="Solid" BorderWidth="1px" runat="server" ImageUrl="~/Image/Web20/Graph/ImgGraph1.jpg" /> 
                                                                    </ItemTemplate> 
                                                                </telerik:RadRotatorItem> 
                                                                <telerik:RadRotatorItem> 
                                                                    <ItemTemplate> 
                                                                        <asp:Image ID="Image5" BorderStyle="Solid" BorderWidth="1px" runat="server" ImageUrl="~/Image/Web20/Graph/ImgGraph2.jpg" /> 
                                                                    </ItemTemplate> 
                                                                </telerik:RadRotatorItem> 
                                                                <telerik:RadRotatorItem> 
                                                                    <ItemTemplate> 
                                                                        <asp:Image ID="Image6" BorderStyle="Solid" BorderWidth="1px" runat="server" ImageUrl="~/Image/Web20/Graph/ImgGraph3.jpg" /> 
                                                                    </ItemTemplate> 
                                                                </telerik:RadRotatorItem> 
                                                                <telerik:RadRotatorItem> 
                                                                    <ItemTemplate> 
                                                                        <asp:Image ID="Image7" BorderStyle="Solid" BorderWidth="1px" runat="server" ImageUrl="~/Image/Web20/Graph/ImgGraph4.jpg" /> 
                                                                    </ItemTemplate> 
                                                                </telerik:RadRotatorItem> 
                                                                <telerik:RadRotatorItem> 
                                                                    <ItemTemplate> 
                                                                        <asp:Image ID="Image8" BorderStyle="Solid" BorderWidth="1px" runat="server" ImageUrl="~/Image/Web20/Graph/ImgGraph5.jpg" /> 
                                                                    </ItemTemplate> 
                                                                </telerik:RadRotatorItem> 
                                                                <telerik:RadRotatorItem> 
                                                                    <ItemTemplate> 
                                                                        <asp:Image ID="Image9" BorderStyle="Solid" BorderWidth="1px" runat="server" ImageUrl="~/Image/Web20/Graph/ImgGraph6.jpg" /> 
                                                                    </ItemTemplate> 
                                                                </telerik:RadRotatorItem> 
                                                                <telerik:RadRotatorItem> 
                                                                    <ItemTemplate> 
                                                                        <asp:Image ID="Image10" BorderStyle="Solid" BorderWidth="1px" runat="server" ImageUrl="~/Image/Web20/Graph/ImgGraph7.jpg" /> 
                                                                    </ItemTemplate> 
                                                                </telerik:RadRotatorItem> 
                                                                <telerik:RadRotatorItem> 
                                                                    <ItemTemplate> 
                                                                        <asp:Image ID="Image11" BorderStyle="Solid" BorderWidth="1px" runat="server" ImageUrl="~/Image/Web20/Graph/ImgGraph8.jpg" /> 
                                                                    </ItemTemplate> 
                                                                </telerik:RadRotatorItem> 
                                                                <telerik:RadRotatorItem> 
                                                                    <ItemTemplate> 
                                                                        <asp:Image BorderStyle="Solid" BorderWidth="1px" ID="Image12" runat="server" ImageUrl="~/Image/Web20/Graph/ImgGraph9.gif" /> 
                                                                    </ItemTemplate> 
                                                                </telerik:RadRotatorItem> 
                                                            </Items> 
                                                            <ControlButtons LeftButtonID="LeftImg" RightButtonID="RightImg" /> 
                                                        </telerik:RadRotator> 
                                                    </td> 
                                                    <td valign="middle" width="3%" align="center">  
                                                        <img alt="Right" src="Image/<%=RadCombo_Themes.SelectedValue %>/next.png" id="RightImg" /> 
                                                    </td> 
                                                </tr> 
                                            </table> 
                                        </ItemTemplate> 
                                    </telerik:RadPanelItem> 
                                </Items> 
                            </telerik:RadPanelItem> 
                        </Items> 
                        <CollapseAnimation Type="None" /> 
                        <ExpandAnimation Type="None" /> 
                    </telerik:RadPanelBar> 
                </telerik:RadPane> 
                <telerik:RadSplitBar ID="RadSplitBar3" runat="server" CollapseMode="Forward" /> 
                <telerik:RadPane ID="Rad_MiddleFrame_Center_Zone_Bottom_Pane" runat="server" Scrolling="None" 
                    Height="560px">  
                    <telerik:RadSplitter ID="Rad_MiddleFrame_Center_Zone_Bottom_Splitter" runat="server" 
                        Skin="Web20" Height="500px" Width="100%">  
                        <telerik:RadPane ID="Rad_MiddleFrame_Center_Zone_Bottom_Left_Pane" runat="server" 
                            Width="100%">  
                            <telerik:RadPanelBar ID="Rad_Worklist_PanelBar" runat="server" BackColor="Transparent" 
                                ExpandMode="FullExpandedItem" Height="541px" Skin="Web20" Width="100%">  
                                <Items> 
                                    <telerik:RadPanelItem Value="Rad_Panel_Item_Worklist" runat="server" Expanded="True" 
                                        ImageUrl="~/Image/Web20/workList.gif" PreventCollapse="True" Text="Work List">  
                                        <Items> 
                                            <telerik:RadPanelItem Value="Rad_Panel_Item_Worklist_Sub" runat="server">  
                                                <ItemTemplate> 
                                                    <%--<telerik:RadGrid  ID="RadGrid_Worklist" runat="server" AllowPaging="True" 
                                                        AllowSorting="True" GridLines="Vertical" Height="504px" Skin="Web20" Width="100%" 
                                                        DataSourceID="SqlDataSource1" AutoGenerateColumns="False">  
                                                        <MasterTableView ShowFooter="true">  
                                                            <Columns> 
                                                                <telerik:GridBoundColumn DataField="Col1" HeaderText="UserName" SortExpression="UserName" 
                                                                    UniqueName="UserName">  
                                                                </telerik:GridBoundColumn> 
                                                                <telerik:GridBoundColumn DataField="Col2" HeaderText="UserAddress" SortExpression="UserAddress" 
                                                                    UniqueName="UserAddress">  
                                                                </telerik:GridBoundColumn> 
                                                                <telerik:GridButtonColumn ButtonType="ImageButton" ImageUrl="~/Image/Web20/workList.gif" CommandName="Accept" UniqueName="AcceptValue">  
                                                                </telerik:GridButtonColumn> 
                                                            </Columns> 
                                                        </MasterTableView> 
                                                        <ClientSettings> 
                                                            <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
                                                        </ClientSettings> 
                                                    </telerik:RadGrid>--%> 
                                                    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:masterConnectionString %>" 
                                                        SelectCommand="select * from Test"></asp:SqlDataSource> 
                                                </ItemTemplate> 
                                            </telerik:RadPanelItem> 
                                        </Items> 
                                    </telerik:RadPanelItem> 
                                </Items> 
                                <CollapseAnimation Type="None" /> 
                                <ExpandAnimation Type="None" /> 
                            </telerik:RadPanelBar> 
                        </telerik:RadPane> 
                        <telerik:RadSplitBar ID="Rad_MidleFrame_Center_Zone_Vertical1_SplitterBar" runat="server" 
                            CollapseMode="Both" /> 
                        <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 Value="Rad_Panel_Item_Saved_Search_Disp" 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> 
                </telerik:RadPane> 
            </telerik:RadSplitter> 
        </telerik:RadPane> 
    </telerik:RadSplitter> 
    <table style="width: 100%; background: url(image/<%=RadCombo_Themes.SelectedValue %>/Bottom.gif) repeat-x center;">  
        <tr> 
            <td width="35%">  
                <div id="copyright">  
                    Copyright 2009 Take Suply Chain  
                </div> 
            </td> 
            <td width="30%">  
            </td> 
            <td align="right" width="45%" id="version">  
                Version 1.0  
            </td> 
        </tr> 
    </table> 
    </form> 
</body> 
</html> 
 
Hi,
As suggested by Telerik team in my Previous post "Problem in Layout when using dock inside Panel " i am opening a new thread.

The issue is The dock control is overlaping when used inside the Pannel. The way i used the dock could be wrong. Pls. suggest me on how to proceed to resolve this issue.
Attaching the Screen shot in the following link

http://rapidshare.com/files/245907502/RAD_Issue_with_Dock_inside_Pannel.docx.html

Pls find the full code snippet.

Pls. Guide me to resolve this issue

Thanks

3 Answers, 1 is accepted

Sort by
0
Jim
Top achievements
Rank 1
answered on 24 Jun 2009, 01:05 PM
You can try setting smaller width and height to the RadDockZone with ID="Rad_Saved_Search_Dock_zone_Outer".

<telerik:RadDockZone ID="Rad_Saved_Search_Dock_zone_Outer" runat="server" Style="border: 0px;"  
 Width="490px" MinHeight="490px" Height="490px" Skin="Web20"

I think this issue exists only under IE6 and IE7.
0
Jidesh Guptha
Top achievements
Rank 1
answered on 24 Jun 2009, 01:34 PM
As You suggested i had reduced the size. Its actually reducing the size of the doc but still on resizing the screen its overlaping the panel.
Pls suggest me someother alternate.

Jidesh
0
Accepted
Obi-Wan Kenobi
Top achievements
Rank 1
answered on 30 Jun 2009, 11:38 AM

The RadDockZone and RadDock controls are rendered as a DIV on the client.Also the RadPane control is rendered as a TD with DIV on the client. This means that the behavior you observed is normal, because the RadPane goes smaller(when the browser is resized) but the RadDockZones and RadDocks are with "fixed" width and they will appear over the current RadPane under IE6.
My suggestion is to set width to RadPane with id Rad_Saveed_Search_Disp_Pane and to not resize it once the browser is resized.
Keep in mind that RadDock is created to be used for fixed layout, e.g. you should set its dimensions in pixels.
On my opinion you should remove Rad_Saved_Search_Dock_zone_Outer and Rad_Saved_Search_Dock_Outer.

 

 

 

Tags
Dock
Asked by
Jidesh Guptha
Top achievements
Rank 1
Answers by
Jim
Top achievements
Rank 1
Jidesh Guptha
Top achievements
Rank 1
Obi-Wan Kenobi
Top achievements
Rank 1
Share this question
or