Has anybody ever successfully created transparent menu items for the <asp:menu> control using CSS Friendly Control Adapters? If not I know browsers behave differently with background-color:transparent, or using a transparent background png, so do you think
it would be possible to have a very clean and nice transparent menu using these adapters?
I tried using the default <asp:menu> and using the cssclass for the tags, but so far it is a nightmare.
Seems like this should be doable. Have you tried installing the VSI file (the download) for this kit? It allows you to quickly create a copy of this whole web app demo'ing these adapters. You do it from VWD. Read this:
You ought to be able to make a local version of this kit in VWD and then play with its MenuExample.css file (in App_Themes\Basic and App_Themes\Enhanced). You can play around with the background transparency very quickly to determine if what you are thinking
of will work.
BTW, it seems to me like your goal of using the adapters to make transparent menu items should be easy. If, after you install the kit, you find you can't get the styles quite right by tweaking MenuExample.css, please post back and I'll be happy to try to
figure out the exact CSS you need.
BUT problem is using this didnt bring up the second level and subsequent levels. ul and li tags are present on page if we see in View Source but are not showing up
Am I missing something? please help. I am using vertical flow for menu.
Whenever I use filter: in any of the CSS calss for the MENU control using CSS adapters, it only renders the first level of the menu, all subsequent levels are not even displayed. I want to use filter for some transparency effect, but using it is not rendering
any child menu's. Following is a example -
ja_guy
Member
5 Points
1 Post
Transparent Menu Items
Jul 10, 2006 10:48 PM|LINK
I tried using the default <asp:menu> and using the cssclass for the tags, but so far it is a nightmare.
Russ Helfand
Contributor
3304 Points
744 Posts
Re: Transparent Menu Items
Jul 11, 2006 03:02 PM|LINK
Seems like this should be doable. Have you tried installing the VSI file (the download) for this kit? It allows you to quickly create a copy of this whole web app demo'ing these adapters. You do it from VWD. Read this:
http://forums.asp.net/thread/1296222.aspx
You ought to be able to make a local version of this kit in VWD and then play with its MenuExample.css file (in App_Themes\Basic and App_Themes\Enhanced). You can play around with the background transparency very quickly to determine if what you are thinking of will work.
BTW, it seems to me like your goal of using the adapters to make transparent menu items should be easy. If, after you install the kit, you find you can't get the styles quite right by tweaking MenuExample.css, please post back and I'll be happy to try to figure out the exact CSS you need.
Groovybits.com
manny_307
Member
20 Points
4 Posts
Re: Transparent Menu Items
Jul 15, 2006 04:10 PM|LINK
Hello Rus,
I am trying to build a transparent menu using CSS adapters. Using the following I am able to get transparency at first level in both IE and Firefox
.PrettyMenu ul.AspNet-Menu li
{
/* background:url(75p_honey.png); */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='75p_honey.png');
}
.PrettyMenu ul.AspNet-Menu li[class]
{
/* background:url(75p_honey.png); */
background:url(75p_honey.png);
}
BUT problem is using this didnt bring up the second level and subsequent levels. ul and li tags are present on page if we see in View Source but are not showing up
Am I missing something? please help. I am using vertical flow for menu.
Thanks
manny_307
Member
20 Points
4 Posts
Using filter within MenuExample.css for CSS adapter menu control
Jul 15, 2006 06:08 PM|LINK
Also,
Hello everyone,
Whenever I use filter: in any of the CSS calss for the MENU control using CSS adapters, it only renders the first level of the menu, all subsequent levels are not even displayed. I want to use filter for some transparency effect, but using it is not rendering any child menu's. Following is a example -
.PrettyMenu
.AspNet-Menu-Vertical{
position:absolute; top: 87px; left: 0px; width:200px; z-index: 300; filter:alpha(Opacity=50);}
Now it only shows first level and rest of the menus are not displayed, if I remove filter, it works fine but without transparency.
Reply will be much appreciated.