We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 2954
    • 40 Posts
    Hi,

    I’m using Ditto to create a menu.

    The last item doesn’t have a "dividing line" after it.

    The current item is bold.

    Is there a way for me to apply both? I put the dividing line in the &tpl to separate items from each other.

    Here’s the chunks

    The Ditto Call:
    [!Ditto? &parents=`[*parent*]` &tpl=`breadcrumb-item` &depth=`1` &display=`all` &sortBy=`menuindex` &sortDir=`ASC` &tplCurrentDocument=`breadcrumb-current` &tplLast=`breadcrumb-last` !]

    breadcrumb-item:
    <li><a href="[~[+id+]~]">[+pagetitle+]</a>&nbsp;|&nbsp;</li>

    breadcrumb-current:
    <li><b>[+pagetitle+]</b>&nbsp;|&nbsp;</li>

    breadcrumb-last:
    <li class="breadcrumb[*id*]"><a href="[~[+id+]~]" class="breadcrumb[*id*]">[+pagetitle+]</a></li>


    Ditto is nearly perfect for simply CSS/Graphical menus, if it had a way to add a <li> tag before, inbetween, and after with separate templates would make it flawless.

    I’ve been through all the documentation - but maybe I missed something...

    Bdogsputnik
      • 18397
      • 3,250 Posts
      At the moment Ditto is not capable of hierarchal display. It can aggregate all of the documents to the nth depth but it can’t display them in a hierarchal fashion. You may wish to try Wayfinder as it is closer to what you describe.