locked
CSS adapters flyout not available in MOSS RRS feed

  • Question

  • User650748160 posted

    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.

     



    </div>

    <div style="width:100%">





    <div class="AspNet-Menu-Horizontal" id="zz1_teMMenu">

    <ul class="AspNet-Menu">

    <li class="AspNet-Menu-Leaf AspNet-Menu-Selected">

    <a href="/Pages/HomePage.aspx" class="AspNet-Menu-Link AspNet-Menu-Selected">

      Home</a>

    </li>

    <li class="AspNet-Menu-WithChildren">

    <a href="/Agency/Pages/Aboutus.aspx" class="AspNet-Menu-Link">

    About Us</a>

    <ul>

    <li class="AspNet-Menu-Leaf">

    <a href="/Agency/Pages/AboutUs.aspx" class="AspNet-Menu-Link">

    About Us</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/Agency/Pages/Leadership.aspx" class="AspNet-Menu-Link">

    Leadership</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="http://Agency/Pages/Leadership.aspx" class="AspNet-Menu-Link">

    Contact Us</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/Agency/Pages/Leadership.aspx" class="AspNet-Menu-Link">

    Careers </a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/Agency/Pages/Leadership.aspx" class="AspNet-Menu-Link">

    Fleet</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/Agency/Pages/Leadership.aspx" class="AspNet-Menu-Link">

    Surplus</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/Agency/Pages/Leadership.aspx" class="AspNet-Menu-Link">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/Agency/Pages/Leadership.aspx" class="AspNet-Menu-Link">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/Agency/Pages/Leadership.aspx" class="AspNet-Menu-Link">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/Agency/Pages/Leadership.aspx" class="AspNet-Menu-Link">

    Division</a>

    </li>

    </ul>

    </li>

    <li class="AspNet-Menu-WithChildren">

    <a href="/SLG/Pages/Home.aspx" class="AspNet-Menu-Link">

    Division</a>

    <ul>

    <li class="AspNet-Menu-Leaf">

    <a href="/SLG/DocumentServ/Pages/default.aspx" class="AspNet-Menu-Link">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/SLG/FleetDivision/Pages/default.aspx" class="AspNet-Menu-Link" title="Site for Fleet Division">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/SLG/Risk/Pages/default.aspx" class="AspNet-Menu-Link" title="Site for Risk Management">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/SLG/SPD/Pages/Home.aspx" class="AspNet-Menu-Link" title="Site for State Purchasing Division">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/SLG/Surplus/Pages/default.aspx" class="AspNet-Menu-Link">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/SLG/Pages/default.aspx" class="AspNet-Menu-Link">

    Division</a>

    </li>

    </ul>

    </li>

    <li class="AspNet-Menu-WithChildren">

    <a href="/Supplier/Pages/default.aspx" class="AspNet-Menu-Link">

    Division</a>

    <ul>

    <li class="AspNet-Menu-Leaf">

    <a href="http://srvcs-***-vmoss" class="AspNet-Menu-Link">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="http://srvcs-***-vmoss" class="AspNet-Menu-Link">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="http://srvcs-***-vmoss" class="AspNet-Menu-Link">

    Division</a>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="http://srvcs-***-vmoss" class="AspNet-Menu-Link">

    Division</a>

    </li>

    </ul>

    </li>

    <li class="AspNet-Menu-Leaf">

    <a href="/PUBLIC/Pages/default.aspx" class="AspNet-Menu-Link">

    Division</a>

    </li>

    </ul>



    </div> 

     

    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

     

    Friday, January 16, 2009 8:00 AM

All replies