Some RadGrid CSS effects do not work in DNN

[Matt]

Hi,

I am having problems developing using RadGrid in DotNetNuke, some of the CSS effects just do not work. e.g. I have a RadGrid that allows users to drag and drop columns to Group pane to create  data grouping, while users drag the column, some cursor should show up, right? In DotNetNuke, nothing happens,  but the drag and drop still works.

I posted this to DotNetNuke forum, but they don't seem to know much about using RadGrid, I thought I might try my luck here.

Thanks

[Tsvetina]

Hi Matt,

Have you tried the same grid declaration on a regular web page to confirm that the issue is only with DNN? Can you also paste your grid declaration, so that we can test it locally?

Kind regards,
Tsvetina
the Telerik team

[Matt]

Here is an example that works with Telerik as standalone but not in DNN:
 

<telerik:RadGrid ID="radGrid" AutoGenerateColumns="true" runat="server" ShowGroupPanel="true" DataSourceID="dataSource1">
    <ClientSettings AllowDragToGroup="true"></ClientSettings>
</telerik:RadGrid>
<asp:SqlDataSource runat="server" ID="dataSource1"
                ProviderName="System.Data.SqlClient"
                ConnectionString="Data Source=localhost;Initial Catalog=DNN6C;User ID=sa;Password=v123x321"
                SelectCommand="select * from desktopmodules"
                />

Try to drag a column and drop into group pane

[Tsvetina]

Hello Matt,

I tried replicating the problem using a simple grid like yours but to no avail. You can take a look at the below video and let me know if I am missing something out:

http://screencast.com/t/stk5eGcI

Kind regards,
Tsvetina
the Telerik team

[Matt]

I am using DNN 6.0.0, you are using DNN 5.6.2

Thanks Again

[Tsvetina]

Hello Matt,

Indeed there is such problem with a RadGrid in DNN 6.0. We tracked it down to a z-index setting in the .DnnModule class inside the default.css file (~\Portals\_default\default.css) that makes the whole module's z-index higher than the z-index of the div used to indicate dragging. This issue was not present in the previous versions of DNN as you saw from the previously posted video. 

You can work around it by adding the following CSS style inside your site's stylesheet:

.rgHeaderOver
{
    z-index: 1000;
}

Greetings,
Tsvetina
the Telerik team