Comments on: SharePoint Branding Issues: ASP.NET Flyout Menus

By: Bhavya Chhabra

Bhavya Chhabra — Mon, 05 Dec 2011 10:28:15 +0000

Hi,

Nice post!!

In addition to this, we can also customize ‘Site Actions’ menu by adding our custom fly out menus.Here’s the post which describes how to do this:

http://www.directsharepoint.com/2011/12/creating-custom-fly-out-menu-sharepoint.html

By: Dedek

Dedek — Thu, 18 Feb 2010 10:51:11 +0000

I found the solution to ie transparency issue. This is insane, but when you set DynamicMenuStyle WIDTH(!) to zero, it will work! !@#%)!@ing crazy

Solution found here:
http://foundsomehow.kennworld.net/2008/08/how-to-get-transparent-backgrounds-in.html

By: Tombo

Tombo — Tue, 09 Feb 2010 19:44:53 +0000

You could use a JavaScript script to change the background. Use a library like jQuery to work faster.

Good luck!
Tom

By: Derek

Derek — Wed, 02 Dec 2009 19:31:30 +0000

Did anyone find the solution to the transparency issue? I’m trying to get it to work on my site, but not having any luck.

By: Jason

Jason — Wed, 16 Sep 2009 01:04:45 +0000

Would love a solution for this.

It’s easy to get opacity working in a ul li situation, but with the nested tables and divs it doesn’t seem so straight forward.

I can get opacity working in FF but it also makes the text translucent – not ideal.

Halp?

By: Ryan

Ryan — Tue, 05 May 2009 13:19:11 +0000

The transparency only seems to be a problem in IE7. FIreFox and Safari are working fine for me. I’ve tried overwriting the zz1_GlobalNav_0 class and adding !important so that it overrides inline styles, but IE7 still has the white background. Has anyone finally got it working?

Thanks
Ryan

By: Rj

Rj — Tue, 10 Mar 2009 00:05:24 +0000

I tried to add the class under “sharepoint :AspMenu” but still nothing happens as my menu is for quick launch. I am not sure where i would add the .zz1_GlobalNav_0 { background-color:transparent;}. Can you please explain this a little more
thank you

By: Tombo

Tombo — Wed, 28 Jan 2009 20:31:45 +0000

Guys,

Adding an extra “background-color: transparent” override should work. You could try overriding the zz1 class directly instead:
.zz1_GlobalNav_0 { background-color:transparent;}

Cheers!

By: Veysel

Veysel — Wed, 28 Jan 2009 18:50:09 +0000

Hi Tombo,

Great Post! Im having a similar issue as Luis tho: Im trying to put a drop shadow on my AspMenu flyouts using transparents .png and .gifs. When I use BackColor=”Transparent” on the tag, the flyouts still have a white background! I’ve tried every css trick/hack under the sun but still havent been able to get my flyouts to render the drop shadows properly. Anyone have any suggestions?

Thanks in advance,

Veysel

By: Luis

Luis — Sun, 16 Nov 2008 17:41:48 +0000

Tombo,

Nice post, and it’s the only one that shows up on Google concerning this issue. It all makes sense, but my problem is that I’m trying to make the background transparent but it keeps defaulting to white, arghh!
Is there a CSS solution to this or do I have to code my own PopOutPanelStyle class to set the default to transparent. I tried all the solution you describe to no avail.

Thanks,
Luis