Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsModulesModulesWhat this module do to dnn menu???What this module do to dnn menu???
Previous
 
Next
New Post
10/28/2014 4:51 PM
 

I saw this module some time ago and I want to create the same module for myself.

Module: https://www.youtube.com/watch?v=h2COO1vMy0k

Problem is that... I don't have any idea how this can be done :)

I can make mega menu but to make module like this...

Does anybody have any idea how it works and how to start making this thing?

 
New Post
10/28/2014 10:50 PM
 

The module is a custom engine that was developed by mandeeps to give their customers better control over the style and look of their megamenu elements.

You dont need a module to achieve this look - you can create similar looks with the dnn core menu.
Have a look at the megamenu template 

https://dnnddrmenutemplates.codeplex.com/

Westa

 
New Post
10/30/2014 2:43 PM
 
"You dont need a module to achieve this look - you can create similar looks with the dnn core menu.
Have a look at the megamenu template "

I use megamenu template all the time. For basic structure - multi column links. That is ok.
But as you can see this module has video inside, and it can have images and everything else.

I think that navigation like on the image bellow is not possible with default dnn and templates - am I right?
https://cdn.tutsplus.com/net/uploads/...

So my specific question is (if I want to make dnn menu like on the image above):
To make menu like this should I recreate DNN menu from sctrach?
Which means to make custom SKIN_OBJECT for menu (like dnn:menu) to get tabs from database and display it in my way?
Am I right or wrong?

 

PS

Basicaly I think that I need to put HTML in submenu.

 
New Post
10/30/2014 5:04 PM
 

If you simply want some text and an image, like these dropdown menus: https://www.haponline.org you can just define it in the xslt. Here I am using the top level page icon in the page settings and the description in the page settings

<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

    <xsl:output method="html"/>

    <xsl:template match="/*">

        <xsl:apply-templates select="root" />

    </xsl:template>

    <xsl:template match="root">

        <ul>

            <xsl:apply-templates select="node" />

        </ul>

    </xsl:template>

    <xsl:template match="node">

        <li>

            <xsl:attribute name="class">

              <xsl:text>level-</xsl:text><xsl:value-of select="@depth"/><xsl:text>&#32;page-</xsl:text><xsl:value-of select="@id"/>

              <xsl:if test="@first = 1"><xsl:text>&#32;</xsl:text>first</xsl:if>

                <xsl:if test="@last = 1"><xsl:text>&#32;</xsl:text>last</xsl:if>

                <xsl:if test="@selected = 1"><xsl:text>&#32;</xsl:text>active</xsl:if>

            </xsl:attribute>

            <xsl:choose>

                <xsl:when test="@enabled = 1">

                    <a href="{@url}">

                        <xsl:value-of select="@text" />

                    </a>

                </xsl:when>

                <xsl:otherwise>

                    <xsl:value-of select="@text" />

                </xsl:otherwise>

            </xsl:choose>

          

            <xsl:if test="node">

              <xsl:choose>

                <xsl:when test="@depth &lt; 1">

                  <div class="flyout">

                    <div class="two-columns">

                      <div class="column">

                        <ul>

                          <xsl:apply-templates select="node" />

                        </ul>

                      </div>

                      <div class="column">

                        <p>

                          <img src="{@icon}" height="131" width="202" alt="{@text}" />

                        </p>

                        <p>

                          <xsl:value-of select="description" />

                        </p>

                      </div>

                    </div>

                  </div>

                </xsl:when>

                <!--<xsl:otherwise>

                  <xsl:if test="@id = 126">

                    <div class="flyout">

                      <div class="column">

                        <ul>

                          <xsl:apply-templates select="node" />

                        </ul>

                      </div>

                    </div>

                  </xsl:if> 

                </xsl:otherwise>-->

              </xsl:choose>

            </xsl:if>

        </li>

    </xsl:template>

</xsl:stylesheet>

 
Previous
 
Next
HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsModulesModulesWhat this module do to dnn menu???What this module do to dnn menu???


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.

Content Layout

Subscribe to DNN Digest

Subscribe to DNN Digest

DNN Digest is our monthly email newsletter. It highlights news and content from around the DNN ecosystem, such as new modules and themes, messages from leadership, blog posts and notable tweets. Keep your finger on the pulse of the ecosystem by subscribing.  


Copyright 2017 by DNN Corp Terms of Use Privacy
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out