Dock Alignment issue when using inside a pannel

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

    Posted 18 Jun 2009 Link to this post

    <%@ 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
  2. Jim
    Jim avatar
    31 posts
    Member since:
    Jun 2009

    Posted 24 Jun 2009 Link to this post

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

    Posted 24 Jun 2009 Link to this post

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

    Posted 30 Jun 2009 Link to this post

    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.

     

     

     

Back to Top