... |
<tr> |
<td> |
<asp:Label ID="Label3" runat="server" Text="Search items :"></asp:Label> <asp:TextBox ID="txtSearch" runat="server" onkeyup="highlightItems();"></asp:TextBox> |
<telerik:RadListBox ID="rlbSource" runat="server" AllowTransfer="true" CssClass="listBoxText" |
Height="200px" SelectionMode="Multiple" TransferToID="rlbDestination" Width="450px" AllowTransferOnDoubleClick="true"> |
<ButtonSettings ShowTransferAll="false" VerticalAlign="Middle"/> |
<ItemTemplate> |
<asp:Label ID="Label4" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SYSTEM_DESCRIPTION") %>' SkinID="valuetext"></asp:Label> |
<telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="Label4" RelativeTo="Element" |
Position="BottomCenter" RenderInPageRoot="true" Width="300" CssClass="listBoxText"> |
<b>System Particulars :</b><br /> |
<%# DataBinder.Eval(Container.DataItem, "SYSTEM_PARTICULARS")%> |
<br /><b>Maker :</b><br /> |
<%# DataBinder.Eval(Container.DataItem, "MAKER")%> |
<br /><b>City :</b><br /> |
<%# DataBinder.Eval(Container.DataItem, "CITY")%> |
<br /><b>Country :</b><br /> |
<%# DataBinder.Eval(Container.DataItem, "COUNTRY")%> |
</telerik:RadToolTip> |
</ItemTemplate> |
</telerik:RadListBox> |
</td> |
<td> |
<telerik:RadListBox runat="server" ID="rlbDestination" Height="200px" Width="450px" |
CssClass="listBoxText" AllowDelete="True" SelectionMode="Multiple"> |
<ItemTemplate> |
<asp:Label ID="Label4" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SYSTEM_DESCRIPTION") %>' SkinID="valuetext"></asp:Label> |
<telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="Label4" RelativeTo="Element" |
Position="BottomCenter" RenderInPageRoot="true" Width="300" CssClass="listBoxText"> |
<b>System Particulars :</b><br /> |
<%# DataBinder.Eval(Container.DataItem, "SYSTEM_PARTICULARS")%> |
<br /><b>Maker :</b><br /> |
<%# DataBinder.Eval(Container.DataItem, "MAKER")%> |
<br /><b>City :</b><br /> |
<%# DataBinder.Eval(Container.DataItem, "CITY")%> |
<br /><b>Country :</b><br /> |
<%# DataBinder.Eval(Container.DataItem, "COUNTRY")%> |
</telerik:RadToolTip> |
</ItemTemplate> |
</telerik:RadListBox> |
</td> |
</tr> |
... |
if (!Page.IsPostBack) |
{ |
rlbSource.TransferMode = ListBoxTransferMode.Copy; |
rlbDestination.DataBind(); |
rlbDestination.EmptyMessage = "No items added"; |
} |
rlbSource.DataSource = //call the function that returns a datatable. |
rlbSource.DataValueField = "SYSTEM_CODE"; |
rlbSource.DataTextField = "SYSTEM_DESCRIPTION"; |
rlbSource.DataBind(); |
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