This is a migrated thread and some comments may be shown as answers.

Change Filter control layout

3 Answers 62 Views
Filter
This is a migrated thread and some comments may be shown as answers.
Wired_Nerve
Top achievements
Rank 2
Wired_Nerve asked on 01 Aug 2014, 02:51 PM
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...

3 Answers, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 06 Aug 2014, 12:46 PM
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.

 
0
Wired_Nerve
Top achievements
Rank 2
answered on 06 Aug 2014, 01:47 PM
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
0
Eyup
Telerik team
answered on 11 Aug 2014, 07:10 AM
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.

 
Tags
Filter
Asked by
Wired_Nerve
Top achievements
Rank 2
Answers by
Eyup
Telerik team
Wired_Nerve
Top achievements
Rank 2
Share this question
or