I have a RadGrid that implements usercontrols as model popups for adding and editing items within the grid. When the user presses the submit button on the usercontrol, the Update command is sent back to the grid. The update is processed and if an error occurs, I cancel the update and show a RadNotification as a modal popup. The RadNotification shows and I create a div with a background to make it modal. So, the RadNotification is modal over the usercontrol which is modal over the grid.
This all works as expected in FireFox 19. When I try it in IE8, the RadNotification is placed underneath the modal div and the usercontrol modal. Also, the RadNotificaiton is always located at the bottom left of the screen below the rest of the page.
Why does this not work on IE8?
1 Answer, 1 is accepted
I advise that you inspect the z-index values the notification and the popup for the grid have under IE8. The notification defaults to 10 000, so if the other popup has a higher value it should be expected to be above the notification. You can easily change the z-index of the notification by using its Style property: Style="z-index: 100 000;" for example.
On the position - of your IE is in quirks mode it will not recognize the value of the position attribute the notification uses - fixed. Thus, I advise that you make sure you use standards mode - add a doctype to the page (XHTML 1.0 transitional, XHTML 1.1 or HTML5) and make sure the page is valid. You can also add an X-UA meta tag to set IE=edge so that the browser uses the newest mode possible. You can also toggle the Pinned property of the notification to false so it uses absolute instead of fixed positioning.
Kind regards,
Marin Bratanov
the Telerik team