Tell me more ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.
up vote 0 down vote favorite

On my sharepoint page i have Menu on the top and a sharepoint rating control on the top right side. The onHover event of menu displays a list menu items. The rate control is added to the layout which is connected to the page and for creating menu i have used Syste.web.ui.webcontrol.menu class.

My problem is when i hover my last menus to open the manu items, the stars on the rate control overlap my menu items but rest part of rate control goes behind my menu items.

For more clarificatio of the scenario i am attachng this image.

Image for better understanding Image for better understanding

What i want is the menu items open, the rate control should fall behind them. I tried using Z-Index property but it is not working for this rate control.

How to resolve this??

EDIT I just came to know that the problem is with all the sharepoint inbuilt controls. On one page of mine i have a list view webpart in the range of menu dropdown, and it is behaving in the same way. The listview is visible through the Menu items.

So as of now, i guess all sharepoint 2010 inbuilt controls are visible through menu items.

share|improve this question
The image i uploaded is not displayed.. i will try to upload image to some server and will share the url to the question – Mohit Feb 1 at 9:50

1 Answer

up vote 0 down vote

The stars of the rating control must have some very high Z-Index. What I would do is to write some script to temporarily hide the Stars when hovering on the menu control.

share|improve this answer
but i have tried to set the Z-index of my drop dpwn to high values.....secondly my rating control is added to page layout, so how will i access it my code. If you have any sample code please share, i ll like to give it a try – Mohit Feb 4 at 7:53
It doesn't matter in which sequence a control is added (whether it's on the the master page, page layout or page itself.) Try to find the clientID of the control or set some arbitrary CSS Class on it and then use something like Jquery to Hide it : $('#RatingControlID').hide(); – Fox Feb 4 at 8:45

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.