Frog CMS

The ‘set base for breadcrumbs’ thread started me thinking about an alternative form of “inline” navigation, on analogy to breadcrumbs. This is what I came up with:

Parent ← ThisPage → » Child1 | » Child2 | » Child3 |

Of course, you could set up the separators however you like. This is the code (although everybody here knows more PHP than I do!!). Use this in your Layout (it won’t be able to keep track if you use it in a snippet):

<div id="inlineNav">
    <p>
    <?php if ($this->level() != 0) { echo $this->parent->link($this->parent->title()).' ← '; } ?>
        <?php echo $this->title(); ?> 
    <ul>
        <?php if (count($this->children()) > 0) {
            echo ' → ';
            foreach($this->children() as $inlineMenu):
            echo '<li>» '.$inlineMenu->link($inlineMenu->title, (in_array($inlineMenu->slug, explode('/', $this->url)) ? ' class="current"': null)).' |</li>';
            endforeach;
        }; ?>
    </ul>
    </p>
</div><!-- end #inlineNav -->

And this is the CSS I used:

    /* INLINENAV */
    #inlineNav {
        margin-top: 10px;
    }
    #inlineNav p {
        display: inline;
    }
    #inlineNav ul, #inlineNav li {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;
    }

It ends up looking something like this:

And it is currently working at TestFrog2. And I sure hope I got all that Markdown correct!! :P

For reference - I found mvdkleijn's code that this is based on, in case anyone is interested.

@jMas – you can still find a massive pagination thread which gives you the code and solves some problems. This solution still needs some help, but it works! You can see it at work on the Articles page of my TestFrog site.

@mvdkleijn – glad you don’t mind me hacking your code! ;) I wanted to find some way of having at least a minimal “foolproof” navigation level that could work to any level. At the moment, Frog’s “out-of-the-box” navigation just gets to “child” level (from “home/top”), and I wanted it to work down to “grandchild” and “great-grandchild”, etc., without any need for adjustments. The one drawback of this method is that if there are a LOT of child pages, then the options to the right of the inline-nav could be far too long!

And looking forward to seeing your new, even better site!