Hi everyone,
I have implemented Rows Drag/Drop in a Radgrid. But when i move my row, i donot get the small dashed line to indicate which row position i am currently at. Someone please suggest me what i am doing wrong?? here is my code
<telerik:RadGrid ID="grdSearches" runat="server" OnRowDrop="grdSearches_RowDrop"
AllowSorting="false" GridLines="None" ShowFooter="false" Skin="Vista"
Width="585px" Style="margin-top: 0px" AutoGenerateColumns="False"
AllowFilteringByColumn="false"
EnableNoRecordsTemplate="true" OnNeedDataSource="grdSearches_NeedDataSource" >
<ClientSettings AllowColumnsReorder="false" ReorderColumnsOnClient="false" EnableRowHoverStyle="true" AllowRowsDragDrop="true" >
<Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />
<Scrolling AllowScroll="true" ScrollHeight="136px" UseStaticHeaders="true" />
</ClientSettings>
<MasterTableView DataKeyNames="SearchID" TableLayout="Auto" AutoGenerateColumns="False" Width="100%" AlternatingItemStyle-Wrap="True">
<Columns>
<telerik:GridDragDropColumn HeaderStyle-Width="30px"></telerik:GridDragDropColumn>
<telerik:GridTemplateColumn Visible="true" AllowFiltering="false" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="120px" ItemStyle-Width="125px" HeaderText="Actions" >
<ItemTemplate>
<asp:ImageButton ID="ImageButton10" CommandName="Update" ImageAlign="Middle" runat="server" Width="15" Height="15" ImageUrl="/_LAYOUTS/Images/edit_active.png"
/>
<asp:ImageButton ID="ImageButton40" CommandName="Delete" ImageAlign="Middle" runat="server" Width="15" Height="15" ImageUrl="/_LAYOUTS/Images/delete_available.png"
/>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn UniqueName="Description" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" HeaderStyle-Width="255px" ItemStyle-Width="255px" HeaderText="Saved Searches" DataField="SearchName"></telerik:GridBoundColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="80px" ItemStyle-Width="80px" HeaderText="Move Up" ImageUrl="/_layouts/images/arrGreen.JPG" CommandName="MoveUp" Text="Move Up"></telerik:GridButtonColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="80px" ItemStyle-Width="80px" HeaderText="Move Down" ImageUrl="/_layouts/images//arrRed.jpg" CommandName="MoveDown" Text="Move Down"></telerik:GridButtonColumn>
</Columns>
</MasterTableView>
<HeaderStyle BackColor="#99FFCC" Font-Bold="False" Font-Italic="False" Font-Names="Verdana"
Font-Overline="False" Font-Size="X-Small" Font-Strikeout="False" Font-Underline="False"
ForeColor="#009999" Wrap="True" />
</telerik:RadGrid>
I have implemented Rows Drag/Drop in a Radgrid. But when i move my row, i donot get the small dashed line to indicate which row position i am currently at. Someone please suggest me what i am doing wrong?? here is my code
<telerik:RadGrid ID="grdSearches" runat="server" OnRowDrop="grdSearches_RowDrop"
AllowSorting="false" GridLines="None" ShowFooter="false" Skin="Vista"
Width="585px" Style="margin-top: 0px" AutoGenerateColumns="False"
AllowFilteringByColumn="false"
EnableNoRecordsTemplate="true" OnNeedDataSource="grdSearches_NeedDataSource" >
<ClientSettings AllowColumnsReorder="false" ReorderColumnsOnClient="false" EnableRowHoverStyle="true" AllowRowsDragDrop="true" >
<Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />
<Scrolling AllowScroll="true" ScrollHeight="136px" UseStaticHeaders="true" />
</ClientSettings>
<MasterTableView DataKeyNames="SearchID" TableLayout="Auto" AutoGenerateColumns="False" Width="100%" AlternatingItemStyle-Wrap="True">
<Columns>
<telerik:GridDragDropColumn HeaderStyle-Width="30px"></telerik:GridDragDropColumn>
<telerik:GridTemplateColumn Visible="true" AllowFiltering="false" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="120px" ItemStyle-Width="125px" HeaderText="Actions" >
<ItemTemplate>
<asp:ImageButton ID="ImageButton10" CommandName="Update" ImageAlign="Middle" runat="server" Width="15" Height="15" ImageUrl="/_LAYOUTS/Images/edit_active.png"
/>
<asp:ImageButton ID="ImageButton40" CommandName="Delete" ImageAlign="Middle" runat="server" Width="15" Height="15" ImageUrl="/_LAYOUTS/Images/delete_available.png"
/>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn UniqueName="Description" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" HeaderStyle-Width="255px" ItemStyle-Width="255px" HeaderText="Saved Searches" DataField="SearchName"></telerik:GridBoundColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="80px" ItemStyle-Width="80px" HeaderText="Move Up" ImageUrl="/_layouts/images/arrGreen.JPG" CommandName="MoveUp" Text="Move Up"></telerik:GridButtonColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="80px" ItemStyle-Width="80px" HeaderText="Move Down" ImageUrl="/_layouts/images//arrRed.jpg" CommandName="MoveDown" Text="Move Down"></telerik:GridButtonColumn>
</Columns>
</MasterTableView>
<HeaderStyle BackColor="#99FFCC" Font-Bold="False" Font-Italic="False" Font-Names="Verdana"
Font-Overline="False" Font-Size="X-Small" Font-Strikeout="False" Font-Underline="False"
ForeColor="#009999" Wrap="True" />
</telerik:RadGrid>