Hi,
I'm trying to implement the dragging feature of the ListView as so:
<telerik:RadPane ID="RadPane2" runat="server" Height="100%" Width="300px" Scrolling="None"> |
<telerik:RadListView ID="RadListView1" runat="server" DataSourceID="EntityDataSource1" EnableEmbeddedSkins="false" |
AllowPaging="true" ItemPlaceholderID="ListViewContainer"> |
<ClientSettings AllowItemsDragDrop="true"> |
</ClientSettings> |
<LayoutTemplate> |
<div class="RadListView RadListView_<%# Container.Skin %>"> |
<asp:PlaceHolder runat="server" id="ListViewContainer" /> |
</div> |
</LayoutTemplate> |
<ItemTemplate> |
<div class="rlvI"> |
<telerik:RadListViewItemDragHandle ID="RadListViewItemDragHandle1" runat="server" ToolTip="Drag to the Sample Editor" /> |
<asp:Panel ID="uxSampleEditorItemContainer" runat="server" ondragstart="OnClientNodeDragStart(this)" ondrag="OnClientNodeDragging()" ondragend="OnClientNodeDropping(this)"> |
<telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" ImageUrl='<%# Eval("FileSystemName", "~/Contents/UploadedFiles/UserFiles/{0}") + ".jpg" %>' |
AutoAdjustImageControlSize="true" ResizeMode="Fit" Width="90px" Height="110px" ToolTip='<%# Eval("FileTitle") %>' |
AlternateText='<%# Eval("FileDescription") %>' dataSrc='<%# Eval("FileSystemName", "~/Contents/UploadedFiles/UserFiles/{0}") + ".jpg" %>' /> |
</asp:Panel> |
</div> |
</ItemTemplate> |
</telerik:RadListView> |
<asp:EntityDataSource ID="EntityDataSource1" runat="server" AutoPage="true" AutoSort="true" |
ConnectionString="name=SampleEntities" DefaultContainerName="SampleEntities" EntitySetName="Files"> |
</asp:EntityDataSource> |
</telerik:RadPane> |
I noticed that after rendering, the "move" input button has the following properties and css properties:
I also notice that the "move" image is missing.
<input title="Drag to the Sample Editor" class="rlvDrag" id="ctl00_ctl00_ctl00_uxSiteContentContainerContentPlaceHolder_uxSiteLayoutContentContainerContentPlaceHolder_uxContentLayoutContentContainerContentPlaceHolder_RadListView1_ctrl0_RadListViewItemDragHandle1" onmousedown="$find('ctl00_ctl00_ctl00_uxSiteContentContainerContentPlaceHolder_uxSiteLayoutContentContainerContentPlaceHolder_uxContentLayoutContentContainerContentPlaceHolder_RadListView1')._itemDrag._dragHandleMouseDown(event, 0)" type="button"/>
cursor: url('<%=WebResource("Telerik.Web.UI.Skins.Common.grab.cur")%>'), move
So, I checked the online example again and I see that I'm missing the following "move" image.
Kindly help me check what I missed to have this image show up.
background-image : url(/aspnet-ajax/WebResource.axd?d=yWIF5pzOIByI0lZ3Ioc3RX00-hPm5-dDpfPnWxbo1HjTmuSiaDuh4WTkFN0XLWntfcvIeN2RxnMevUu3xdO7PA2&t=634037268960000000); BACKGROUND-POSITION: center center
Many Thanks,
Henry Wu