Hi Guys,

We are developing a website using DNN_Platform_8.0.3.

The DNN skin for the MainMenu (dropdown menu) that we are using now is Xcillion as per shown at the screenshot below:

However, we are trying to develop a Mega Menu that can show more information as the screenshot below:

To archive the above, appreciate that if can show us the correct way to edit or modify the token script of the MainMenu.txt so that the result can be shown like the above. 

Thank you.

Below is the token script from \Portals\_default\Skins\Xcillion\Menus\MainMenu\MainMenu.txt 

==

<div id="dnnMenu">

<ul class="nav navbar-nav topLevel">

[*>NODE-TOP]

</ul>

</div>

    [>NODE-TOP]

        <li class="[?NODE]dropdown [/?][?SELECTED]active[/?]">

        [?ENABLED]

            <a href="[=URL]" class="dropdown-toggle" data-toggle="dropdown" ><span>[=TEXT]</span> [?NODE]<span class="caret"></span>[/?]</a>

        [?ELSE]

            <a href="#"><span>[=TEXT]</span> [?NODE]<span class="caret"></span>[/?]</a>

        [/?]

        [?NODE]

            <ul class="dropdown-menu subLevel">

            [*>NODE]

            </ul>

        [/?]

        </li>

    [/>]

[>NODE]

        <li class="[?NODE]dropdown [/?][?SELECTED]active[/?]">

        [?ENABLED]

            <a href="[=URL]"><span>[=TEXT]</span> [?NODE]<span class="caret"></span>[/?]</a>

        [?ELSE]

            <a href="#"><span>[=TEXT]</span> [?NODE]<span class="caret"></span>[/?]</a>

        [/?]

        [?NODE]

            <ul class="dropdown-menu subLevelRight">

            [*>NODE]

            </ul>

        [/?]

        </li>

    [/>]

==

Thank you,

Chin Leong