Edit & Delete Icons missing when adding second radgrid

[Philip]

I have a radgrid that is working as expected showing me the pencil and the X icon for the edit and delete controls shown below.

<telerik:GridEditCommandColumn />
      <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn" />

 

When I add a second grid to the page, even just an empty grid with nothing specified about the grid, the icons for Edit and Delete disappear in the first grid.

Any ideas on what is happening here?

[Doncho]

Hi Philip,

This could be a result of RenderMode Conflict ("mixed render modes"). Please try to explicitly specify the RenderMode of all Telerik controls on the page to the same value and see if the issue persists, e.g:

<telerik:RadGrid ID="RadGrid1" runat="server" RenderMode="Lightweight"....>

If this is not helping, I would suggest you use the DevTools of the Browser to inspect the Html elements of the missing icons and try to define which styles are overriding the ones coming with the Telerik skin, see the first two points in the Improve Your Debugging Skills with Chrome DevTools blog post.

Looking forward to hearing from you.

Kind regards,
Doncho
Progress Telerik