Using the Umbraco runway DropDownNavigation macro in your own masterpage.

31 08 2009

So you’ve tried taking the DropDownNavigation macro, inserted it into your own masterpage but it doesn’t work.  The Menu shows up expanded with no styling or javascript being applied.

The only fix I could come up with for this is to first ensure your <head> tag has a runat=”server” attribute, secondly, include the following script at the bottom of your masterpage/template:

 <script type=”text/javascript”>
        $(function() {
            $(‘#dropdownNavigation’).droppy({ speed: 10 });
        });
</script>

droppy.js will now load, the CSS will be applied (dropdownnavigation.css) and all will be well.

Remember to insert the menu via:

 <umbraco:Macro Alias=”RunwayDropdownNavigation” runat=”server” />

Also, make sure that you have a <title> element defined in your <head> element.

Someone else with this issue here: http://our.umbraco.org/forum/getting-started/questions-about-runway-and-modules/3425-Using-Runway-DropDownNavigation-with-other-pages


Actions

Information

Leave a comment