Change Filter control layout

4 posts, 0 answers
  1. Wired_Nerve
    Wired_Nerve avatar
    163 posts
    Member since:
    Oct 2007

    Posted 01 Aug 2014 Link to this post

    Can someone point me in the direction of a document or demo that shows how to change the filter control layout?

    See attached image for an example of what I am trying to accomplish...

  2.
  3. Eyup
    Admin
    Eyup avatar
    3935 posts

    Posted 06 Aug 2014 Link to this post

    Hello Wired_Nerve,

    To achieve this requirement, you can configure the controls demonstrated in the provided image and use a hidden RadFilter to build the expression tree programmatically:
    http://demos.telerik.com/aspnet-ajax/filter/examples/field-editors/defaultcs.aspx
    and call its FireApplyCommand method:
    http://www.telerik.com/help/aspnet-ajax/m_telerik_web_ui_radfilter_fireapplycommand.html

    Alternatively, you can use the following approach in case you are using RadGrid:
    http://www.telerik.com/forums/filterexpression-fd50b435639a#ZzqoABeuGESJXltYHgxe1A

    I'm also sending a sample RadGrid web site to demonstrate how you can apply external filtering for multiple columns.

    Hope this helps.

    Regards,
    Eyup
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. Wired_Nerve
    Wired_Nerve avatar
    163 posts
    Member since:
    Oct 2007

    Posted 06 Aug 2014 Link to this post

    I would prefer to change the layout of the filter control.  Yes we are using a radgrid...
    This demo is close, but I need to layout the boxes and controls in a format that is more pleasing to the eye.

    http://demos.telerik.com/aspnet-ajax/filter/examples/field-editors/defaultcs.aspx
  7. Eyup
    Admin
    Eyup avatar
    3935 posts

    Posted 11 Aug 2014 Link to this post

    Hello Wired_Nerve,

    I'm afraid modifying the RadFilter's layout at such great extend is not supported. You can try out the suggestions in my first post and let us know if you face any difficulties.

    Regards,
    Eyup
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  8.
Back to Top