I have a button in which I don't want to use the alert box for a confirmation and I intend to use a jquery modal window for but I can't seem to get it to work. 

$('#grid').kendoGrid({
     ...
     editable: { confirmation:false, mode:'popup' } // this turns off the delete confirmation alert but allows popups
     ...
});

I've tried adding a click event inside the grid script and outside, but nothing is triggering the event.
As a test, I used the 'a' tag but nothing is working yet.
$('a').click(function(e){
        e.preventDefault();
        e.stopPropagation();
        var title = '<span class="warning">Warning</span>';
        $.get('/main/test'), function(data){
               test(data, modal.large, title);
        });
});

I'd use a custom kendotemplate but I am using a custom jquery modal instead and I can't seem to trigger it.

I have a button in which I don't want to use the alert box for a confirmation and I intend to use a jquery modal window for but I can't seem to get it to work. 

$('#grid').kendoGrid({

     ...

     editable: { confirmation:false, mode:'popup' } // this turns off the delete confirmation alert but allows popups

     ...

});

I've tried adding a click event inside the grid script and outside, but nothing is triggering the event.

As a test, I used the 'a' tag but nothing is working yet.

$('a').click(function(e){

        e.preventDefault();
        e.stopPropagation();
        var title = '<span class="warning">Warning</span>';

        $.get('/main/test'), function(data){

               test(data, modal.large, title);

        });

});

I'd use a custom kendotemplate but I am using a custom jquery modal instead and I can't seem to trigger it.

Hi,

First of all, I'm using the latest version of your Telerik.Web.UI.dll (2016.3.914.40). I'm trying to set RadDropDownTree HeaderTemplate dynamically as I did for RadComboBox. Here is my code :

I'm really struggling to work this out. My grid columns are currently:

The ForeignKey field displays fine and I'm happy with it. The "Schema" field (last line) is an enumerated type. Now the way this dropdown looks when the grid is in edit mode is vastly different to what the ForeignKey dropdown looks like. OK, so I just want to apply the same CSS in edit mode. However, I can't seem to find out how. I've tried adding a template which I don't think I got right (code below, or at least my last attempt at it) in order to add the CSS. It seems, from searching, that my only recourse is to take the enumerated type, turn it into a selectlist in the back end simply so I can use the ForeignKey property of Kendo UI instead of Bound. This seems a little long way to go simply to apply some CSS while in edit mode. The grid, functionally works fine otherwise.

My EnumDropDown as it stands now, though has gone through many previous edits in an effort to get it going. This current incarnation seems to format it, but displays no data.

hi

how do i change the background color all white? As you can see from the attachment there are some white and gray. Thanks a lot 

The group panel for drag and drop grouping at the top of the grid contains nested tables.  See sample markup below.  Those tables contain empty TH elements which are not displayed (display=none), but still generate errors by our WAI accessibility checker tool.  Is there a property I can set that will set the text for those TH elements?  I've set the 3 offending TH elements in bold below.

Thanks,

Ray

<div id="ctl00_MasterHolder_rgdUsrReport_GroupPanel" style="width:100%;">
<table id="ctl00_MasterHolder_rgdUsrReport_GroupPanel_TB" class="rgGroupPanel" summary="The table which holds all grouping nested tables and is used as a wrapper." style="width:100%;border-spacing:0;border-collapse:separate;" role="presentation">
<caption>
MainTable
</caption><thead>
<tr style="display:none;">
<th scope="col"></th>
</tr>
</thead><tbody>
<tr>
<td><table summary="The nested grouping table which holds the group items table holding all grouped column items." style="width:100%;border-spacing:0;">
<caption>
Nested Grouping Table
</caption><thead>
<tr style="display:none;">
<th scope="col"></th>
</tr>
</thead><tbody>
<tr>
<td><table cellpadding="2" summary="The table holding all group items which are positioned in the group panel." style="border-style:None;width:100%;border-spacing:0;">
<caption>
Group Items Table
</caption><thead>
<tr style="display:none;">
<th scope="col"></th>
</tr>
</thead><tbody>
<tr>
<th scope="col" title="Drag out of the bar to ungroup" class="rgGroupItem" style="white-space: nowrap; cursor: move;">Data Collection Name&nbsp;<input type="button" name="ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl03" value=" " onclick="javascript:__doPostBack('ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl03','')" title="Sorted asc" class="rgSortAsc">&nbsp;<input type="button" name="ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl04" value=" " onclick="$find('ctl00_MasterHolder_rgdUsrReport').get_masterTableView()._ungroupByExpression('0:0'); return false;__doPostBack('ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl04','')" title="Click here to ungroup" class="rgUngroup"></th><td>-</td><th scope="col" title="Drag out of the bar to ungroup" class="rgGroupItem" style="white-space: nowrap; cursor: move;">Institution Name&nbsp;<input type="button" name="ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl06" value=" " onclick="javascript:__doPostBack('ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl06','')" title="Sorted asc" class="rgSortAsc">&nbsp;<input type="button" name="ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl07" value=" " onclick="$find('ctl00_MasterHolder_rgdUsrReport').get_masterTableView()._ungroupByExpression('0:1'); return false;__doPostBack('ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl07','')" title="Click here to ungroup" class="rgUngroup"></th><td style="width:100%;"></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</div>

Hi,

I can assign css style for Radgrid Frozen div using Radgrid name

div.RadGrid #rgGrid_Frozen
      {
           overflow-y: auto !important;
           overflow-x: auto !important;
      }

But i want to use this one globally like without Radgid ID.

This code is not working

div.RadGrid div#_Frozen
      {
           overflow-y: auto !important;
           overflow-x: auto !important;
      }

Please let me know 

Thanks,

I am trying to use the RadProgressArea to show a progress bar for processing 100,000+ records. 

It worked fine in my sample application but when deploying it failed to show.  I narrowed down the problem to tasks that occur prior to this progress bar loop that take upwards of 12 seconds.  Then after some testing I found that if I manually add a .Sleep() to the thread for anything more than 5 seconds (to simulate the delay) it would cause the RadProgressArea to not show at all.  Basically if I take the Telerik example and simply add a 6s delay in front of it then it never works.

Am I missing something obvious here?  Thank you in advance for my sanity.