modTree

Download modTree from the store →
06 august 2018, 11:31

ModTree

With this component, you can link resources of your site with each other and show them on page as a tree.

Make links between resources on CMP.

See result on live demo.

When the page loads, start search is performed for:
&queryLinks=`1` (default) - linked resourcesfor &parent (default current page),
&queryLinks=`0` - child resources for &parent.

Then, when you click on the resources icons, searches for related resources of them.

When you click on resource the resource content is displayed.

Uses AJAX. JQuery not required.

Examples:

Display child resources

&queryLinks=`0`. Display child resources of resource 7 on start search.

[[modTree?
    &parent=`7`
    &limitList=`5`
    &queryLinks=`0`
    ]]
Display linked resources

Display related resources of resource 15 on start search.

[[modTree?
    &parent=`15`
    &limitList=`5`
    ]]

Snippet parameters

Result parameters
Name Default Description
&tplOuter tpl.ModTree.outer Main template
&tplList tpl.ModTree.itemList Template for start items
&tplTree tpl.ModTree.itemTree Template for childs branches on tree
&tplSearchField tpl.ModTree.itemSearchField Template for search fields
&tplButtons tpl.ModTree.paginateBtns Template for paginate buttons
&sortBy menuindex
&sortDir ASC
&limit 0 Limit on tree for child branches
&limitList 15 Limit for start search
&contentIdPrefix modtree- Prefix of ID for content fields. In case using two or more snippet on page you must use other &tplOuter with other $contentIdPrefix. Fields can be placed anywhere on the page, even outside of the &tplOuter
&customCss 0 1 - not linked component CSS. If you use your own styles you may disable component CSS
Search parameters
Name Default Description
&queryLinks 1 Determines the start search. 1 - related resources. 0 - child resources.
&parent curren resource Resource for start search
&queryForce 1 Determines whether to perform a start search. 1 - do start search, 0 - search only on search button click
&linkWay 0 Link direction. 1 - master to slave. -1 - slave to master. 0 - both way
&searchFields padetitle,content Search fields. String with comma separator. To disable - &searchFields=``


The previous document
modDevTools
The next section
ms2Gallery