I am working on a new site utilizing the DNN Mega Menus.

On one of my menu items I have it setup with four sub menu items appearing horizontally with photos under each of them.   This works beautifully.

On another menu item I would like to just have five sub menu items appearing vertically with no photos (traditional dropdown navigation menu).

Is this behavior possible with the DNN Mega Menu provider?  If so, how?   If not, is there anything out there that would allow me to do this?

---

Thanks Cathal. I had toyed around with the template some and changed the appearance a bit. I guess I am missing how I can have one menu item show the horizontal and another menu item show the vertical menu?

---

I created a taxonomy item with a value of either "Horizontal" or "Vertical"

How do I reference the taxonomy object? 

Here is my sample stylesheet, am I on the right track?   If so, what goes in place of $WHATGOESHERE to reference the taxonomy.:

 <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE stylesheet [
<!ENTITY space "<xsl:text> </xsl:text>">
<!ENTITY cr "<xsl:text>
</xsl:text>">
]>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html"/>
<xsl:param name="ControlID" />
<xsl:param name="Options" />
<xsl:param name="ManifestPath" />
<xsl:template match="/*">
<xsl:apply-templates select="root" />
</xsl:template>
<xsl:template match="root">

<div id="{$ControlID}">
<ul class="dnnmega">
<xsl:apply-templates select="node">
<xsl:with-param name="nodeType">root</xsl:with-param>
</xsl:apply-templates>
</ul>
</div>
</xsl:template>

<xsl:template match="node">
<xsl:param name="nodeType" />
<li>
<xsl:variable name="nodeClass">
<xsl:value-of select="$nodeType"/>
<xsl:if test="@separator = 1"> mmSeparator</xsl:if>
<xsl:if test="@selected = 1"> mmSelected</xsl:if>
<xsl:if test="@breadcrumb = 1"> mmBreadcrumb</xsl:if>
<xsl:if test="@first = 1"> mmFirst</xsl:if>
<xsl:if test="@last = 1"> mmLast</xsl:if>
<xsl:if test="node"> mmHasChild</xsl:if>
<xsl:text> child-</xsl:text>
<xsl:value-of select="position()"/>
</xsl:variable>
<xsl:attribute name="class">
<xsl:value-of select="$nodeClass"/>
</xsl:attribute>

<xsl:choose>
<xsl:when test="@enabled = 1">
<a href="{@url}">
<span>
<xsl:value-of select="@text" />
</span>
<xsl:if test="@icon">
<img src="{@icon}" class="mmIcon" />
</xsl:if>
</a>
</xsl:when>
<xsl:otherwise>
<span>
<xsl:value-of select="@text" />
</span>
<xsl:if test="@icon">
<img src="{@icon}" />
</xsl:if>
</xsl:otherwise>
</xsl:choose>

<xsl:if test="node">
<xsl:choose>
<xsl:when test="$nodeType = 'root'">
<xsl:choose>
<xsl:when test="$WHATGOESHERE = 'Vertical'">
<div class="megaborder">
<div class="TR">
<div class="TL"></div>
</div>
<div class="MR">
<div class="ML">
<ul class="M">
<xsl:apply-templates select="node">
<xsl:with-param name="nodeType" >category</xsl:with-param>
</xsl:apply-templates>
<li style="clear:both;float:none;"></li>
</ul>
</div>
</div>
<div class="BR">
<div class="BL"></div>
</div>
</div>
</xsl:when>
<xsl:otherwise>
<ul class="standardmenu">
<xsl:apply-templates select="node">
<xsl:with-param name="nodeType" >category</xsl:with-param>
</xsl:apply-templates>
<li style="clear:both;float:none;"></li>
</ul>
</xsl:otherwise>
</xsl:choose>
</xsl:when>
<xsl:otherwise>
<ul>
<xsl:apply-templates select="node">
<xsl:with-param name="nodeType">leaf</xsl:with-param>
</xsl:apply-templates>
</ul>
</xsl:otherwise>
</xsl:choose>
</xsl:if>
</li>
</xsl:template>
</xsl:stylesheet>

 

---