Inline Navigation

jMas — Thu, 18 Sep 2008 01:59:54 +0000

mvdkleijn, David, it’s cool, thanks. :)

Inline Navigation

David — Wed, 17 Sep 2008 13:19:33 +0000

@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!

Inline Navigation

mvdkleijn — Wed, 17 Sep 2008 12:40:00 +0000

@David – nice… didn’t find this before. I think I can use this on my private site. I’m doing a massive restyling of my site and when I’m finished it’ll be like night and day. :-)

Inline Navigation

mvdkleijn — Wed, 17 Sep 2008 12:37:11 +0000

@jmas – there is a pagianation helper if I’m not mistaken, so you should be able to use that… look through the helpers directory in your frog installation. Before actually using a helper, you’ll need to do:

<?php use_helper('pagianation'); ?>

hopefully I spelled pagianation correctly. :-p

Inline Navigation

jMas — Wed, 17 Sep 2008 10:29:32 +0000

And what about page navigation bar like “<< < 1 2 3 4 … 10 11 > >>”.

I think it can be realized by the insertions of points of break in content of page.

Inline Navigation

David — Thu, 21 Aug 2008 14:46:17 +0000

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

Inline Navigation

David — Thu, 21 Aug 2008 13:45:41 +0000

P.S. An earlier menu layout by mvdkleijn inspired some of this.

Also, it tests to see if you're at the top or bottom of the tree, and adds the left/right arrows (or not) accordingly.

FWIW!! Perhaps not much....

Inline Navigation

David — Thu, 21 Aug 2008 13:44:29 +0000

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

Recent Posts of Frog CMS in Inline Navigation

Inline Navigation

Inline Navigation

Inline Navigation

Inline Navigation

Inline Navigation

Inline Navigation

Inline Navigation

Inline Navigation