The purpose of this template is to display a filtered hierarchical list of post title links. The template is useful in creating a table of contents or quick links.

Appearance

Editor view

Web view

Template

<!-- wpX:LIST/POST/LINKS -->
<div class="bdr:bas-2 bdr:lt-so-3x bkg:tint-bas-1 cnr:arch-sm fx:r fxa:1 fxc:3 web[dsp:none]">
  <div class="pad:hrz+0.5">
    <span class="fnt:siz-lg-5x sm)fnt:siz-lg-6x"><i class="icon:lst_unordered_solid"></i></span>
  </div>
  <div class="pad:hrz+0.5">
    <h5>Post List</h5>
    <div>
      <span class="pad:rt+0.125"><i class="icon:paperclip"></i></span>
      <span class="fnt:wgt-500">#title#</span>
    </div>
  </div>
</div>
<div class="mce[dsp:none]">
  [blst css='#css#' bullet='#bullet#' orderby='#orderby#' order='#order#' cnt=#cnt#]#category#[/blst]
</div>
<!-- /wpX:LIST/POST/LINKS -->

​Template may scroll horizontally in some circumstances.

Markers

Installation

Steps

1. highlight & copy template to clipboard
2. click the line in your content where the list will be placed
3. open the Xidipity Template Editor in a separate tab
4. paste clipboard into the editor
5. update the #title# marker as desired
6. update the #css# marker as desired
7. update the #bullet# marker as desired
8. update the #orderby# marker as desired
9. update the #order# marker as desired
10. update the #cnt# marker as desired
11. update the #category# marker as desired
12. highlight & copy updated template to clipboard
13. go back to your content
14. click the toolbar insert template (  ) icon
15. paste clipboard into the tool
16. click OK to insert

​Notes

A common class rule to apply is the list item vertical spacing adjustment. Choices include the following:

• li:qtr-spaced (quarter spaced)
• li:dbl-spaced (double spaced)
• li:tpl-spaced (triple spaced)

The icon tag used in this demo is from Google.