I am trying to integrate MOSSMenu with CSSAdapters. I had downloaded the cssadapter toolkit from codeplex. I have been successful to an extent that the horizontal navigation appears on my site. It also renders using div's. The only problem, that I had was
the flyouts did not work. When I commented out the css, the raw data was getting displayed. I stored all the javascript files in the location C:\Windows\InetPub\wssroot\[webapplication]\JavaScript. Can anyone help in this regard.
Also, When I look at code behind , all the data is getting rendered. For some reason the flyout would not appear. I have changed the web.config file appsettings to locate the javascript at the following location.
I checked to see if the javascript is getting called (Menu Adapter.js) by puttting an alert. It did not pop up the alert. If Menu Adapter.js not rendering is the problem, then where do I store it in MOSS. Right now it is in C:/Inetpub/wwwroot/wss/VirtualDirectories/80/JavaScript.
I would appreciate any help from you.
Thanks
arjun
Sharepointcodeplexdropdownlist"CSS Friendly Control Adapters"
None
0 Points
2 Posts
CSS adapters flyout not available in MOSS
Jan 16, 2009 08:00 AM|rampalarjun|LINK
I am trying to integrate MOSSMenu with CSSAdapters. I had downloaded the cssadapter toolkit from codeplex. I have been successful to an extent that the horizontal navigation appears on my site. It also renders using div's. The only problem, that I had was the flyouts did not work. When I commented out the css, the raw data was getting displayed. I stored all the javascript files in the location C:\Windows\InetPub\wssroot\[webapplication]\JavaScript. Can anyone help in this regard.
Also, When I look at code behind , all the data is getting rendered. For some reason the flyout would not appear. I have changed the web.config file appsettings to locate the javascript at the following location.
<add key="C:/Inetpub/wwwroot/wss/VirtualDirectories/80/JavaScript" value="CSSFriendly-JavaScript-Path"/>
And CSS is
.AspNet-Menu-Horizontal {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 11px;
Z-INDEX: 100;
BACKGROUND: url(aLevel_background.gif) #bdbf42 repeat-x 0px 50%;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
OVERFLOW: visible;
WIDTH: 100%;
COLOR: #000;
PADDING-TOP: 0px;
FONT-FAMILY: verdana,arial,helvetica,sans-serif;
POSITION: relative;
HEIGHT: 30px
}
.AspNet-Menu-Horizontal UL {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
WIDTH: auto;
LINE-HEIGHT: 100%;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
}
.AspNet-Menu-Horizontal LI {
PADDING-RIGHT: 0px;
DISPLAY: inline;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
WIDTH: auto;
PADDING-TOP: 0px;
POSITION: relative
}
A:link {
MARGIN: 0px;
COLOR: #f60
}
.AspNet-Menu-Horizontal A {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 0px;
WIDTH: auto;
COLOR: #3c3c3c;
LINE-HEIGHT: 30px;
PADDING-TOP: 0px;
HEIGHT: 30px;
TEXT-ALIGN: center;
TEXT-DECORATION: underline
}
.AspNet-Menu-Horizontal LI UL {
BORDER-RIGHT: #b3b550 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #b3b550 1px solid;
PADDING-LEFT: 0px;
Z-INDEX: 999;
LEFT: -999em;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
BORDER-LEFT: #b3b550 1px solid;
WIDTH: 235px;
PADDING-TOP: 0px;
BORDER-BOTTOM: #b3b550 1px solid;
POSITION: absolute;
TOP: 30px;
HEIGHT: auto
}
.AspNet-Menu-Horizontal LI UL LI {
DISPLAY: block;
FLOAT: left;
WIDTH: auto
}
.AspNet-Menu-Horizontal LI LI {
BACKGROUND-COLOR: #d1d37b
}
.AspNet-Menu-Horizontal LI UL A {
PADDING-RIGHT: 10px;
DISPLAY: block;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
WIDTH: 215px;
COLOR: #555;
PADDING-TOP: 0px;
HEIGHT: 30px;
TEXT-ALIGN: left
}
.AspNet-Menu-Horizontal .AspNet-Menu-Selected {
BACKGROUND: url(aLevelSelected_background.gif) #eeab1a repeat-x 50% 50%
}
Here is the rendered code.
I checked to see if the javascript is getting called (Menu Adapter.js) by puttting an alert. It did not pop up the alert. If Menu Adapter.js not rendering is the problem, then where do I store it in MOSS. Right now it is in C:/Inetpub/wwwroot/wss/VirtualDirectories/80/JavaScript.
I would appreciate any help from you.
Thanks
arjun
Sharepoint codeplex dropdownlist "CSS Friendly Control Adapters"
None
0 Points
2 Posts
Re: CSS adapters flyout not available in MOSS
Jan 16, 2009 01:37 PM|rampalarjun|LINK
Here is the rendered code.