Creating A 'sliding' Nav Menu Options

[caribou sue]

Hi all,
I'm trying to create a menu that looks like this:

Toplevelfolder 1
Toplevelfolder 2
Toplevelfolder 3, the folder this page is in!

• Page in this folder 1
• Page in this folder 2, which I am currently on
• Page in this folder 3

Toplevelfolder 4



Here's the code I have, which just returns toplevel folders. I removed the links for clarity's sake. any idea what I'm doing wrong?

CODE

<MTSetVarTemplate name="folder"><MTPageFolder><MTFolderLabel></MTPageFolder></MTSetVarTemplate>

<MTTopLevelFolders>
    <ul>
    <MTIfFolder label="$folder">
        <li><MTFolderDescription></li>        
             <MTPages folder="$folder">
                  <li><MTPageTitle></li>
             </MTPages>
    <MTElse>
        <li><MTFolderDescription></li>    
    </MTElse>
    </MTIfFolder>    
    </ul>
</MTTopLevelFolders>

This post has been edited by caribou: Jan 28 2008, 09:15 AM

[danwolfgang]

Without thinking too hard, you might compare what you want to the "Category listing (nested)" widget. Folders and Categories are quite similar and it may be easy to adapt that.

[caribou sue]

Figured it out! It's ugly, but it works for up to 3 levels.

CODE

<MTSetVarBlock name="parent"><MTPageFolder><MTParentFolder><MTFolderLabel></MTParentFolder></MTPageFolder></MTSetVarBlock>

<ul>
<MTTopLevelFolder>
<MTSetVarBlock name="sectionfolder"><MTFolderLabel></MTSetVarBlock>

<!-- pages in this section -->
<MTPages folder="$sectionfolder">
<li><a href="<MTPagePermalink>"><MTPageTitle></a></li>
</MTPages>

  <!-- folders in this section -->
  <MTSubfolders>

  <MTSetVarBlock name="this"><MTFolderLabel></MTSetVarBlock>

  <!-- If this is current folder, show pages/subfolders -->
  <MTIfFolder label="$current">
    <li><a href="<MTBlogURL><MTFolderPath>"><MTFolderDescription></a>
      <ul>
        <MTPages folder="$this"><li><a href="<MTPagePermalink>"><MTPageTitle></a></li></MTPages>
        <MTSubFolders><li><a href="<MTBlogURL><MTFolderPath>"><MTFolderDescription>&raquo;</a><li></MTSubfolders>
     </ul>
    </li>
  

  <!-- If this is parent of current page  -->
   <MTElse name="this" eq="$parent">
   <li><a href="<MTBlogURL><MTFolderPath>"><MTFolderDescription>&raquo;</a>
     <ul>
        <MTPages folder="$this"><li><a href="<MTPagePermalink>"><MTPageTitle></a></li></MTPages>
        <MTSubFolders>
      <li><a href="<MTBlogURL><MTFolderPath>"><MTFolderDescription>&raquo;</a>
        <ul>
          <MTPages>
          <li><a href="<MTPagePermalink>"><MTPageTitle></a></li>
            </MTPages>
        </ul>
      </li>
    </MTSubfolders>
    </ul>      
   </li>  
   <MTElse>

    <!-- Otherwise, just show folder-->
    <li><a href="<MTBlogURL><MTFolderPath>"><MTFolderDescription>&raquo;</a></li>
   </MTIfFolder>
  

  </MTSubfolders>
</MTTopLevelFolder>
</ul>

This post has been edited by caribou sue: Aug 26 2008, 06:03 AM

[talaris]

Hello caribou sue,

I am trying out your code for the menu but I get an error.

Publish error in template 'Folder Navigation': Error in <mtSetVarBlock> tag: Error in <mtPageFolder> tag: You used an 'mtPageFolder' tag outside of the context of an page; perhaps you mistakenly placed it outside of an 'MTPages' container?

Not sure why this is happening. I looked over your code carefully and don't see anything that would cause this.

Is this:

CODE

<MTSetVarBlock name="parent"><MTPageFolder><MTParentFolder><MTFolderLabel></MTParentFolder></MTPageFolder></MTSetVarBlock>

part of the header, or part of the widget code?

Many Thanks, -tf

[caribou sue]

The above example doesn't work correctly in 4.2. There's been some change in one of the Folder tags, but darned if I can figure it out.

UPDATE: Figured it out, and updated the example. This will only work, BTW, on page archives.

This post has been edited by caribou sue: Aug 26 2008, 06:03 AM

[samiton]

The above example doesn't work correctly in 4.2. There's been some change in one of the Folder tags, but darned if I can figure it out.

UPDATE: Figured it out, and updated the example. This will only work, BTW, on page archives.

I've tried this in Page Archive template, created a widget to making a navigation, but a lot of errors comes out. I am using MTPRO 4.21. Maybe not good for this version?

[OtherNiceMan]

Difficult to tell, what are the errors?

[SamGeorge]

I'm not sure, but this might work for you. I have it on several sites, easy to configure.

http://www.twinhelix.com/dhtml/fsmenu/

Its free for a link back, or just a donation. The author is in New Zealand.

I have used it in my main root area of a domain, and in sub-folders/sub-directories. If you can use Server side includes on you site, you can use an 'include' for each folder/directory level and have just one file to edit per level.

[lex2000]

Do you have a working example somewhere?

Figured it out! It's ugly, but it works for up to 3 levels.

[caribou sue]

Do you have a working example somewhere?

Figured it out! It's ugly, but it works for up to 3 levels.

Yep, check out the left hand menu on this page to see how it works.
http://www.cpaws.org/programs/nahanni/

[halabar]

Is there a way to modify the page listing widget to do the same thing?.. For my usage, it needs to work on any page template (I'm not going to be using the archive template as a general rule).

I'm building out a template using the Professional Template set, and have most everything working, except for the left nav, which of course displays ALL the pages now in the left nav...

I'm looking at MT as an option for a CMS, and with the "pages" and "folders" it looks like it could work (better than Wordpress in any case), so this navigation is the last thing to be figured out.

for reference the pagelisting widget is:

CODE

<mt:IfArchiveTypeEnabled archive_type="Page">
<div class="widget-pages widget">
    <h3 class="widget-header">Pages</h3>
    <div class="widget-content">
        <ul>
    <mt:Pages no_folder="1" sort_by="title" sort_order="ascend">
            <li class="page page-<$mt:PageID$>"><a href="<$mt:PagePermalink$>"><$mt:PageTitle$></a></li>
    </mt:Pages>
    <mt:TopLevelFolders>
            <li class="folder folder-<$mt:FolderID$>"><strong><a href="<$mt:BlogURL$><$mt:FolderPath$>/"><$mt:FolderLabel$></a></strong>
        <mt:Pages sort_by="title" sort_order="ascend">
            <mt:PagesHeader>
                <ul>
            </mt:PagesHeader>
                    <li class="page page-<$mt:PageID$>"><a href="<$mt:PagePermalink$>"><$mt:PageTitle$></a></li>
            <mt:PagesFooter>
                </ul>
            </mt:PagesFooter>
        </mt:Pages>
            </li>
        <$mt:SubFolderRecurse$>
   </mt:TopLevelFolders>
        </ul>
    </div>
</div>
</mt:IfArchiveTypeEnabled>

This post has been edited by halabar: Dec 1 2008, 05:11 PM

[caribou sue]

That widget seems to do something similar, but it looks like it would list everything. Try the code I posted earlier this thread (maybe in a new widget or template module), and see if that does what you're looking for? That would probably be easier than trying to modify the default widget.

Is there a way to modify the page listing widget to do the same thing?.. For my usage, it needs to work on any page template (I'm not going to be using the archive template as a general rule).

I'm building out a template using the Professional Template set, and have most everything working, except for the left nav, which of course displays ALL the pages now in the left nav...

I'm looking at MT as an option for a CMS, and with the "pages" and "folders" it looks like it could work (better than Wordpress in any case), so this navigation is the last thing to be figured out.

for reference the pagelisting widget is:

[halabar]

That widget seems to do something similar, but it looks like it would list everything. Try the code I posted earlier this thread (maybe in a new widget or template module), and see if that does what you're looking for? That would probably be easier than trying to modify the default widget.

I tried your sample, but, as you mentioned, it didn't work in the other template formats (blog, index, etc.) and I got a pile of errors when I tried to publish.

Not sure where to take it next. I'll try inserting your code again, but it seems like I might need to insert some other code into the blog template which might blow that up. (I'm not actually planning on using the blog template, but I'm just getting the errors when publishing).

[caribou sue]

Hi,
Because this menu is location-aware (that is, it "slides" to reveal the section you're in), it needs to know where in the folder structure it is -- thus it can only work on pages. I'm not sure how you'd make it work on other templates, because they don't 'know' where they are in the folder hierarchy. Sorry I can't be more helpful!

[halabar]

Hi,
Because this menu is location-aware (that is, it "slides" to reveal the section you're in), it needs to know where in the folder structure it is -- thus it can only work on pages. I'm not sure how you'd make it work on other templates, because they don't 'know' where they are in the folder hierarchy. Sorry I can't be more helpful!

That makes sense. I guess what I need to do is restrict it so the left-nav only displays on "page" templates. Right now I guess it's applying globally, which is creating the problem when publishing...

[caribou sue]

Hi,
Because this menu is location-aware (that is, it "slides" to reveal the section you're in), it needs to know where in the folder structure it is -- thus it can only work on pages. I'm not sure how you'd make it work on other templates, because they don't 'know' where they are in the folder hierarchy. Sorry I can't be more helpful!

That makes sense. I guess what I need to do is restrict it so the left-nav only displays on "page" templates. Right now I guess it's applying globally, which is creating the problem when publishing...

Yes, that's a good first step. You could either remove the module/widget from other templates, or surround it with

CODE

<MTIfArchive archive_type="page">
(sliding nav code)
</MTIfArchive>