Rad Filter - Menu is inconsistent where it appears

[Nazmi]

Hi,

I'm using Rad Filter, and when the browser is shrinked,  AND, OR Menu is very inconsistent where it appears. I checked the Rad Filter Demo on Telerik, I don't see the same problem. Also I updated Telerik DLL, but nothing changed.

Thanks,

Nazmi
p.s. I'm attaching an image to show the problem.

[Mira]

Hello Nazmi,

Could you please send us a live URL of the problematic page?

We will examine it and get back to you with our findings.

Best wishes,
Mira
the Telerik team

[Nazmi]

Hi,

http://99.25.248.116/tanya122
username: telerik
password: telerik2011

Please click 'Lists & Queries' on Left Navigation, then click 'Query for Telerik'. When you are on maintain page,  lower the size of the browser like the picture, and then click 'AND' on the Rad Filter.

Thanks

Nazmi

[Mira]

Hello Nazmi,

Thank you for the additional information.

I tried to replicate the described behavior under Firefox 7.0.1 and Internet Explorer 9 but to no avail.
Please let us know which browser and which version you use.

I am looking forward to your reply.

All the best,
Mira
the Telerik team

[Nazmi]

Hi Mira,

I'm using Firefox 7.0.1, and IE 9 too. If you look at the picture I sent you, the height of the browser is low. Please decrease the height, and try again.

When the browser is full screen, or the height of the browser is big enough, everything looks fine. But when you start decreasing the height, the menu goes to the top of the browser.

Thanks,

Nazmi Etik

[Mira]

Hello Nazmi,

Thank you for the additional information.

However, I am no longer able to log in your site with credentials you provided.
Please provide valid credentials to the page and I will do my best to assist you.

Kind regards,
Mira
the Telerik team

[Nazmi]

Hi Mira,

This is a new site.

http://99.25.248.116/telerik
username:  telerik
password:  telerik2011

Thanks,

Nazmi

[Mira]

Hello Nazmi,

I have examined your site and found out that the following style causes the issue:

a:link, a:visited, a:active {
    line-height: 110%;
}

You can either not set it globally, or use this style for the line-height of the link buttons in the RadFilter:

.RadFilter_Default a,
.RadFilter_Default a:hover,
.RadFilter_Default a:visited,
.RadFilter_Default a:active
{
    line-height: 100%;
}

I hope this helps.

All the best,
Mira
the Telerik team