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

RadGrid Filter Menu Location - Not Attached to Filter Menu Button

2 Answers 197 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Andrew Bort
Top achievements
Rank 1
Andrew Bort asked on 01 Mar 2012, 03:21 PM

Hello Telerik Developers-

 

I have seen similar posts in this forum, but none seemed to point to a working solution.

 

  • Telerik RAD Controls for ASP.Net Ajax (2010.2.826.20)
  • Target Framework:  .Net Framework 2.0
  • Visual Studio 2008
  • This problem happens in Firefox 10.0.2, IE 8, and Chrome 17

 

Scenario:  RadGrid within a user control (.ascx) that is dynamically loaded into a webform (.aspx).  Filtering is enabled on the RadGrid.

 

When the user clicks on any of the filter buttons at the top of any of the columns, the filter menu is displayed, but not directly adjacent to the filter button (it is displayed too far to the right).  This behavior did not occur when we were allowing the RadGrid and user control to assume 100% of the available screen width.  It only became a problem when we restricted the display of the application to a fixed width (similar to what is described in this thread:  http://www.telerik.com/community/forums/aspnet-ajax/grid/radgrid-filtermenu-location.aspx).

 

Any guidance would be very much appreciated.

 

Thanks,

Andrew

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 02 Mar 2012, 05:59 AM
Hello,

This is not the expected behavior. Also make sure that you are using latest version. Check the following demo which implements the same.
Grid / Basic Filtering

-Shinu.
0
Andrew Bort
Top achievements
Rank 1
answered on 09 Mar 2012, 03:35 PM
We were able to resolve this problem.  Initially, we styled the page so that the div containing the radgrid was set to:

 

#page

 

{ width:1015pxmargin:0px auto; }

 

 

 

 

so as to center the content of the page with a fixed width.

Once we moved this style from the div containing the radgrid to the body of the page:

body { width:1015px; margin:0px auto; }

 

 

the problem no longer persisted.

 

Tags
Grid
Asked by
Andrew Bort
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Andrew Bort
Top achievements
Rank 1
Share this question
or