[Solved] Setting filter row visibility by adding a toggle to filter row itself

[Brian Gabel]

My application currently controls the visibility of the RadGrid filter row by having an HTML anchor whose href attribute points to a JS function. This function sets the filter row visibility by invoking either showFilterItem() or hideFilterItem(). Functionality-wise it works fine.

However, this HTML anchor is located on the CommandItems row and I've been asked to move this anchor to either above or "on" the FilterItems row itself. Our designers feel this is easier for the user to see (since we have several controls on the CommandItems row) and is more intuitive (since the "toggle" will be very close visually to the filters themselves). However, I have not been able to determine how to do this.

There is no programmatically-accessible row between HeaderItems and FilterItems. Additionally, if I add the anchor somehow to the FilterItems row itself, invoking "hideFilterItem()" will hide the anchor along with the filters.

This is how they want the RadGrid to look:

[CommandItems Row]
[HeaderItems Row]
["Toggle" control]
[FilterItems Row]
[GridItems Row(s)]
[FooterItems Row]

Is there anything I can do?

Thanks, Brian

[Sebastian]

Hello Brian,

There is no functional grid element between its header item and filter item (which both reside in the grid table header). Your options are either to have the anchor in the command item or outside of the grid above or beside the header.

Kind regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.