Navigation Dropdown Coding

8 posts by 5 authors in: Forums > CMS Builder
Last Post: April 28, 2014   (RSS)

By theclicklab - April 18, 2014

Hi there, 

Trying to add in classes to navbar code but don't really understand whats possible with getCategories - is there any detailed documentation on all the various options?

Here's the code I am trying to get output, I'm stuck on getting class="has-dropdown" added if there are children. Seems like I might have solved the  class="dropdown" one. 

<ul>
    <li><a href="#">Top Level Item</a></li>
    <li class="has-dropdown">
     <a href="#">Top Level Item</a>
        <ul class="dropdown">
        <li><a href="#">Second Level Item</a></li>
        <li><a href="#">Second Level Item</a></li>
        <li><a href="#">Second Level Item</a></li>
        </ul>
    </li>
    <li><a href="#">Top Level Item</a></li>
    <li><a href="#">Top Level Item</a></li>
</ul>

And this is my php code:

<?php
// load records
list($pagesRecords, $pagesMetaData) = getCategories(array(  
'tableName'   => 'pages',
'defaultCategory' => '', // Enter 'first', a category number, or leave blank '' for none
'rootCategoryNum' => '0', // Only categories _below_ this one will be shown (defaults to 0 for all)
'categoryFormat' => 'showall', // showall, onelevel, twolevel, breadcrumb
'ulAttributes' => " class='dropdown' ", // add html attributes to <ul> tags
'ignoreHidden' => true, // don't hide records with hidden flag set
'useSeoUrls' => true,
));
?>

<ul>
<?php $inactiveChild=0; ?>
<?php $childCount=0; ?>
<?php foreach ($pagesRecords as $record): ?>
<?php if ( $record['depth'] > 1 ) { continue; } ?> 
 <?php if($record['active']==1): ?>
<?php if($inactiveChild && !$record['_hasParent']): ?></ul></li><?php endif ?>
<?php if($record['_hasParent']): ?><?php $childCount++; ?><?php else:?><?php $childCount=0;?><?php endif ?><?php $inactiveChild=0; ?>
<?php echo $record['_listItemStart']; ?><a href="<?php echo strtolower($record['_link']); ?>"><?php echo htmlspecialchars($record['name']);?></a><?php echo $record['_listItemEnd'];?>    
  <?php else: ?>
 <?php if($record['_hasParent'] && $childCount==0): ?><ul><?php $childCount++; ?><?php endif ?>
 <?php if($record['_hasParent']): ?><?php $inactiveChild=1;?><?php else: ?><?php $inactiveChild =0; ?><?php endif ?>
  <?php endif ?>
<?php endforeach ?>
</ul>

Any Suggestions?

By rez - April 21, 2014 - edited: April 21, 2014

Maybe this will help you as you wait for a specific reply about your code. You don't want a solution from me ;)

For category sections you can check among these fields for controlling various scenarios:


_isSelected
_isAncestorSelected
_isDescendantSelected
_isSelectedBranch
_isBreadcrumb
_hasParent
_hasChild
_isFirstChild
_isLastChild
_hasSiblings
_isSiblingSelected
_isParentSelected
_isChildSelected

also, try  viewing  this on your page:

<?php showme($pagesRecords); ?>

By Chris - April 21, 2014

Thanks, rez!

Yes, I think it's _hasChild that you're looking for, theclicklab. Does that help?

All the best,
Chris

By theclicklab - April 21, 2014

Thanks for those comments, good to know all those optiones exist, so how do I inject a class into _listItemStart IF _hasChild is true. Do I need to drop using _listItemStart ? and hard code in <li>? 

By Chris - April 22, 2014

One solution could be to replace 

<?php echo $record['_listItemStart']; ?>

...with...

<?php
  if ($record['_hasChild']) {
    echo str_replace('<li>', '<li class="has-dropdown">', $record['_listItemStart']);
  }
  else {
    echo $record['_listItemStart'];
  }
?>

Does that help?

All the best,
Chris

By theclicklab - April 24, 2014

Thanks Chris & Res, I have this working now. Much appreciated. 

By Mikey - April 25, 2014

Hey clicklab,

Sounds like you already have a solution worked out, but here's solution I developed a while back that has worked well on many of the websites I've built and has some additional features built into it.

http://www.interactivetools.com/forum/forum-posts.php?postNum=2232982#post2232982