RadFilter z-index

10 posts, 0 answers
  1. rashad kabbara
    rashad kabbara avatar
    25 posts
    Member since:
    May 2010

    Posted 10 Dec 2010 Link to this post

    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?
  2. Mira
    Admin
    Mira avatar
    1124 posts

    Posted 14 Dec 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Josh Nielson
    Josh Nielson avatar
    11 posts
    Member since:
    May 2010

    Posted 24 Mar 2011 Link to this post

    Awesome, worked for me!
  5. Dwight
    Dwight avatar
    27 posts
    Member since:
    Aug 2011

    Posted 30 Oct 2011 Link to this post

    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-index20500 !important;
    }
  6. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 31 Oct 2011 Link to this post

    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.
  7. Dwight
    Dwight avatar
    27 posts
    Member since:
    Aug 2011

    Posted 31 Oct 2011 Link to this post

    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
  8. Mira
    Admin
    Mira avatar
    1124 posts

    Posted 02 Nov 2011 Link to this post

    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
  9. Dwight
    Dwight avatar
    27 posts
    Member since:
    Aug 2011

    Posted 03 Nov 2011 Link to this post

    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

    :)
  10. Mira
    Admin
    Mira avatar
    1124 posts

    Posted 03 Nov 2011 Link to this post

    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
  11. Dwight
    Dwight avatar
    27 posts
    Member since:
    Aug 2011

    Posted 03 Nov 2011 Link to this post

    Thats perfect

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

    Thx Mira
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017