Weird Problem...

[raaj]

Hi Team,

I have the following design (attached screenshot) in my web application.

Controls at leftside zones are usercontrols. what my need is, when I click any controls at leftside its getting loaded at the rightside.

I want to prevent it. I want allow users only to drag and drop from left side to right side.

Pls. help me.

<div id="leftAddFieldsContainer">

                                        <asp:Table runat="server">

                                            <asp:TableRow>

                                                <asp:TableCell>

                                                    <IKEA:RadDockLayoutNew runat="server" ID="uxLeftDockLayout1" EnableViewState="false">

                                                        <IKEA:RadDockZoneNew runat="server" Width="100" Orientation="Horizontal" FitDocks="True"

                                                            ID="uxLeftDockZone1" CssClass="leftDockZone">

                                                            <IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone2" AutoPostBack="false"

                                                                BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockSingleLineText"

                                                                DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

                                                                OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

                                                                <ContentTemplate>

                                                                    <asp:Image runat="server" ID="uxAddSingleLineText" ImageUrl="Images/SingleLineText.png" />

                                                                </ContentTemplate>

                                                            </IKEA:RadDockNew>

                                                            <IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone2" AutoPostBack="false"

                                                                BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockMultiLineText"

                                                                DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

                                                                OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

                                                                <ContentTemplate>

                                                                    <asp:Image runat="server" ID="uxAddMultiLineText" ImageUrl="Images/MultiLineText.png" />

                                                                </ContentTemplate>

                                                            </IKEA:RadDockNew>

                                                            <IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone2" AutoPostBack="false"

                                                                BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockCheckboxes"

                                                                DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

                                                                OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

                                                                <ContentTemplate>

                                                                    <asp:Image runat="server" ID="uxAddCheckboxes" ImageUrl="Images/Checkboxes.png" />

                                                                </ContentTemplate>

                                                            </IKEA:RadDockNew>

                                                            <IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone2" AutoPostBack="false"

                                                                BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockMultipleChoice"

                                                                DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

                                                                OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

                                                                <ContentTemplate>

                                                                    <asp:Image runat="server" ID="uxAddMultipleChoice" ImageUrl="Images/Choices.png" />

                                                                </ContentTemplate>

                                                            </IKEA:RadDockNew>

                                                            <IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone2" AutoPostBack="false"

                                                                BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockFileUpload"

                                                                DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

                                                                OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

                                                                <ContentTemplate>

                                                                    <asp:Image runat="server" ID="uxAddFileUpload" ImageUrl="Images/FileUpload.png" />

                                                                </ContentTemplate>

                                                            </IKEA:RadDockNew>

                                                         </IKEA:RadDockZoneNew>

                                                    </IKEA:RadDockLayoutNew>

                                                </asp:TableCell>

                                                <asp:TableCell>

                                                    <IKEA:RadDockLayoutNew runat="server" ID="uxLeftDockLayout2">

                                                        <IKEA:RadDockZoneNew runat="server" ForbiddenZones="uxLeftDockZone1" Orientation="Horizontal"

                                                            FitDocks="True" ID="uxLeftDockZone2" EnableViewState="false" CssClass="leftDockZone">

                                                            <IKEA:RadDockNew runat="server" AutoPostBack="false" BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize"

                                                                ID="uxDockDropDown" DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

                                                                OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

                                                                <ContentTemplate>

                                                                    <asp:Image runat="server" ID="uxAddDropDown" ImageUrl="Images/DropDown.png" />

                                                                </ContentTemplate>

                                                            </IKEA:RadDockNew>

                                                            <IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone1" AutoPostBack="false"

                                                                BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockMatrix"

                                                                DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

                                                                OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

                                                                <ContentTemplate>

                                                                    <asp:Image runat="server" ID="uxAddMatrix" ImageUrl="Images/Matrix.png" />

                                                                </ContentTemplate>

                                                            </IKEA:RadDockNew>

                                                            <IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone1" AutoPostBack="false"

                                                                BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockSectionBreak"

                                                                DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

                                                                OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

                                                                <ContentTemplate>

                                                                    <asp:Image runat="server" ID="uxAddSectionBreak" ImageUrl="Images/SectionBreak.png" />

                                                                </ContentTemplate>

                                                            </IKEA:RadDockNew>

                                                        </IKEA:RadDockZoneNew>

                                                    </IKEA:RadDockLayoutNew>

                                                </asp:TableCell>

                                            </asp:TableRow>

                                        </asp:Table>

                                    </div>

//Thanks