Ajaxtoolkit and popup

2 posts, 0 answers
  1. Paul
    Paul avatar
    15 posts
    Member since:
    Jan 2009

    Posted 01 Jul 2013 Link to this post

    I am using AjaxToolkit to have popup for editing image. When I click on Crop or Resize button, the popup for imageeditor shows up behind AjaxToolkit popup. How do I make sure they show up on top?

    I am using the latest 2013.2.611.40.
  2. Marin Bratanov
    Marin Bratanov avatar
    5017 posts

    Posted 02 Jul 2013 Link to this post

    Hello Paul,

    The popup extender from the AjaxControlToolkit has a very, very high z-index by default (100001) and this is why it often hides other popups (like RadWindows or the RadDocks RadImageEditor uses). The way to avoid this is by overriding a CSS rule that will change the z-index values for one of the sets of controls, e.g.:
       z-index: 900 !important;

    for the ACT modal popup OR
      z-index: 101000 !important;  
    for RadDock.

    The following article shows the default values for our controls and another way to change their z-indexes: http://www.telerik.com/help/aspnet-ajax/controlling-absolute-positioning-with-zindex.html.

    Marin Bratanov
    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 the blog feed now.
Back to Top