Filter dropdowns formatting

9 posts, 0 answers
  1. K
    K avatar
    4 posts
    Member since:
    Mar 2009

    Posted 27 Mar 2009 Link to this post

    I have created a custom stylesheet applied to a grid. Everything works well with the exception of the dropdown box associated with the filters and paging. The functionality is there but the text is not styled and the backgrounds to the dropdowns are missing. Any suggestions?

    Thanks

    K
  2. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 27 Mar 2009 Link to this post

    Hello K-

    When you say "dropdowns" do you mean the standard Filtering "drop down" context menu? Or do you mean an actual DropDownList that you've added for filtering values? In either case, if you can provide some details on what you're doing with your custom skin, we can take a look and see if there any obvious issues. You may also want to (if you've not already) review the help doc info on creating custom skins for the RadGrid:


    Hope that helps.

    -Todd
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. K
    K avatar
    4 posts
    Member since:
    Mar 2009

    Posted 27 Mar 2009 Link to this post

    Thanks for you response

    I believe the "dropdown" is actually a div layer where the filtering options reside. I can't seem to figure out where the style for this Div resides. I created a custom style by making changes to an existing stylesheet and linking it in the <head> tags. Everything works fine except for the filtering options and the paging display number of lines per page.

    K
  5. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 27 Mar 2009 Link to this post

    K-

    Have you looked at this article in the help?

    It shows you exactly what CSS classes you need to target to customize the RadGrid filter menu. The information in that article should help you find the styles you're after. Let me know if you have any trouble changing the style after reviewing this resource. You may also want to look at some of the other discussions on the Telerik forums about this topic:


    Hope that helps some more-
    Todd
  6. K
    K avatar
    4 posts
    Member since:
    Mar 2009

    Posted 30 Mar 2009 Link to this post

    Hi,
    Thanks again for replying to my posts. I have read the information within the links and tried applying these fixes but I still can't get the filtering dropdown options to respond ... Any further suggestions would be welcomed.

    Thanks
    K
  7. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 30 Mar 2009 Link to this post

    Have you tried using FireBug to analyze the sytles being applied to your filter menu at runtime? That may help you debug what's happening and better understand the styles you need to change.

    For faster help (and if you're unable to figure-out what's happening with FireBug), I'd suggest at this point opening a support ticket and supplying your custom CSS for review. That will be the fastest way for us to look at what's happening and provide focused suggestions on what to do to fix your filter menu.

    Hope that helps!
    -Todd
  8. Durrul Antulay
    Durrul Antulay avatar
    2 posts
    Member since:
    Mar 2009

    Posted 30 Mar 2009 Link to this post

    Hi,
    As a matter of fact I just used firebug to help analyze the problem. It appears that there are a number of css classes being called which are associated with the div menu but are not defined in any of the stylesheets available in the Telerik install. If I add these classes names to the existing stylsheet in my project, and associate styles, the changes are reflected on the filter dropdown. 

    <div class="RadMenu RadMenu_WebBlue RadMenu_Context RadMenu_WebBlue_Context GridFilterMenu_WebBlue" style="overflow: hidden; display: none; visibility: visible; z-index: 7000; left: 1048px; top: 65px; height: 220px; width: 247px;">
    </div>
    The ones in bold are the classes not defined. Is there someplace where I can find the original class styles for these (based on WebBlue) so I can tweak them without the headache of recreating the classes from scratch?

    Thanks much!!!

    K
  9. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 30 Mar 2009 Link to this post

    Sure-

    By default, RadGrid uses RadMenu to provide the Filter menu functionality. As such, the Filter menus are affected by RadMenu skins. To customize the RadMenu Web20 skin, you should be able to locate the original in your installation directory > Skins > Web20 > Menu.Web20.css. Once you've got that, you can start customizing the CSS as you did for your Grid skin. Details for RadMenu skin customizations are here:


    Hope that helps!
    -Todd
  10. Durrul Antulay
    Durrul Antulay avatar
    2 posts
    Member since:
    Mar 2009

    Posted 30 Mar 2009 Link to this post

    Thank You!

    The filter is working perfectly!

    Thanks much,

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