RadFilter z-index

[rashad kabbara]

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?

[Mira]

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

[Josh]

Awesome, worked for me!

[Dwight]

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;

}

[Princy]

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.

[Dwight]

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

[Mira]

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

[Dwight]

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

:)

[Mira]

Hello Dwight,

You can add the expression programmatically as it is described here.

I hope this helps.

Best wishes,
Mira
the Telerik team

[Dwight]

Thats perfect

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

Thx Mira