Elxis CMS Forum

Extensions => Modules => Topic started by: pavel on January 27, 2009, 18:17:22

Title: Multilevel menu - display sublinks in unordered list for CSS styling.
Post by: pavel on January 27, 2009, 18:17:22

Good day everybody. 

I am trying to set a menu that would display sublevel links on hover styled with CSS.  For this reason I would like to use a traditional list menu of the following output (where #id/classes could be anything or even nothing). 

<ul>
  <li class="menu">Sub 1
    <ul>
      <li>test 1</li>
      <li>test 2</li>
    </ul>
  </li>
  <li class="menu">Sub 2
    <ul>
      <li>test 1</li>
    </ul>
  </li>
</ul>

This is a classic list structure, what could be simpler?

Is there a way to do it in Elxis?  I tried all three styles of menus and the only one that displays sublinks is Vertical style, which is still not the same.
I set it to "expand" - always, indent images - do not show.  Here is what I got:


<div class="moduletable">
<h3>Menu-name</h3>

<a href="http://www...." title="section1" class="mainlevel" onclick="setsynitem('30', this.href); return false;">section1</a>
<div style="padding-left: 4px" class="sublevel1"><img src="http://www.domain.com/templates/.../images/indent1.png" alt="indent1" /><a href="http://www.domain.com/path.../test1-english.html" title="Content-test1" class="sublevel" onclick="setsynitem('31', this.href); return false;">Content-test1</a></div>
</div>

Please advise.  If not possible in this Elxis, would it be possible to include this menu styling as an option in the next version of Elxis?

Many thanks!

Title: Re: Multilevel menu - display sublinks in unordered list for CSS styling.
Post by: Ivan Trebješanin on January 27, 2009, 18:31:38

Hi pavel,

I have created a suckerfish module http://www.elxis-downloads.com/com_downloads/menus/3.html

If understand well, this might be the right solution for you.

Title: Re: Multilevel menu - display sublinks in unordered list for CSS styling.
Post by: pavel on January 27, 2009, 23:54:19

YES YES YES!!!!!

Your script gives exactly what I need.  The output is clean, without images, divs etc. Now I can apply some CSS to style it.

Thank you very much for your help.   I would suggest even to mention the code that this menu outputs on the http://www.elxis-downloads.com/com_downloads/menus/3.html page.  This can help many new users to realize the importance of this module right away.

Thanks again.