Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Filter > RadFilter z-index

• rashad kabbara

  Posted on Dec 10, 2010 (permalink)

  My problem is that i have the RadFilter in a popup window whos z-index=20000. I am setting the z-index of the RadFilter using  style="z-index:20500" . the RadFilter is appearing inside the popup, but when i press "AND" (on RadFilter) the context menu is displayed behind the popup window! it seems that the context menu of the radfilter does not inherit the style from RadFilter. How can i set the z-index of the context menu of RadFilter?

  Reply

• Mira Mira

  Posted on Dec 14, 2010 (permalink)

  Hello Rashad,
  
  Please use the following code in order to set the z-index of the context menu of a RadFilter with ID="RadFilter1":
  

  #RadFilter1_rfContextMenu_detached

  {

      z-index: 20500 !important;

  }

  
  I hope this helps.
  
  Kind regards,
  Mira
  the Telerik team

  Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  Reply


• Josh Nielson

  Posted on Mar 24, 2011 (permalink)

  Awesome, worked for me!
  

  Reply

• Dwight

  Posted on Oct 30, 2011 (permalink)

  Hi
  
  This is what I am after too but im not sure how and where to use this code
  
  Any assistance will be much appreciated
  
  

  #RadFilter1_rfContextMenu_detached

  {

      z-index: 20500 !important;

  }

  Reply

• Princy MVP

  Posted on Oct 31, 2011 (permalink)

  Hello Dwight,
  
  You can use the code in <style> tag as below and set the ID of RadFilter as RadFilter1.
  
  CSS:
  

  <style type="text/css">

  #RadFilter1_rfContextMenu_detached

  {

   z-index: 20500 !important;

  }

   </style>

  
  Thanks,
  Princy.

  Reply

• Dwight

  Posted on Oct 31, 2011 (permalink)

  I cant get that working
  
  I have a radgrid on a page with a master page that I am using the radfilter on and that works fine if I leave the radfilter on the page with the radgrid
  
  However I want the radfilter inside a modal popup panel and an radajaxpanel so that changes to the radfilter doesnt close the modal popup panel
  
  Here is the code for the radfilter
  
  

  <telerik:RadFilter ID="RadFilter1" runat="server"

                  ApplyButtonText="Apply Filter"

                  FilterContainerID="RadGrid1" Width="800px"

                  CssClass="RadFilter RadFilter_Default">

   </telerik:RadFilter>

  
  I have tried the code below in different places including the content section of the aspx page, in the head section of the master page, and in the sitestyle css page
  
  

  <style type="text/css">

  #RadFilter1_rfContextMenu_detached

  {

   z-index: 10000002 !important;

  }

  </style>

  
  I have even changed the z index to 1 in case the lower value might work
  
  Any suggestions to this would be so much appreciated as I really dont want to stray from that design
  
  Regards
  
  Dwight

  Reply

• Mira Mira

  Posted on Nov 2, 2011 (permalink)

  Hello Dwight,
  
  Please use the following CSS rule in order to set the z-index:
  

  div.RadMenu.RadMenu_Vista.RadMenu_Context.RadMenu_Vista_Context {

      z-index: 10000002 !important;

  }

  
  I hope this helps.
  
  All the best,
  Mira
  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

  Reply

• Dwight

  Posted on Nov 3, 2011 (permalink)

  Much thx for the advice but I just cant get that working so I have gone with an expanding panel approach
  
  What is now required is that due to the level of the end user skills I would like the radfilter to default to having a value opened without having to click the Add Expression button, you will see this in the image that is attached
  
  :)
  

  Attached files

  • Filter.png

  Reply

• Mira Mira

  Posted on Nov 3, 2011 (permalink)

  Hello Dwight,
  
  You can add the expression programmatically as it is described here.
  
  I hope this helps.
  
  Best wishes,
  Mira
  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

  Reply

• Dwight

  Posted on Nov 3, 2011 (permalink)

  Thats perfect
  
  Exactly what I am after, I was searching for that but not using the right keywords
  
  Thx Mira
  

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Filter > RadFilter z-index