Overlay RadNotification over RadGrid Modal Popup Control on OnUpdateCommand

2 posts, 0 answers
  1. Steve
    Steve avatar
    1 posts
    Member since:
    Aug 2012

    Posted 04 Apr 2013 Link to this post

    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?

  2. Marin Bratanov
    Marin Bratanov avatar
    3555 posts

    Posted 05 Apr 2013 Link to this post

    Hello Steve,

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. DevCraft R3 2016 release webinar banner
Back to Top