XWiki - Navigation Block Macro

Page / - last modified by Андрей Калиновский on 2022/05/16 17:07

Navigation Block Macro

last modified by Андрей Калиновский

on 2022/05/16 17:07

Table of Contents

Sample block macro code

Sample block macro with 6 blocks with constant height

Sample block macro with 3 blocks with variable height

This Macro displays a nice block with links under it. It is possible to add an image and a title in the block. This macro uses bootstrap so it is possible to pass bootstrap classes to the macro in order to control the behavior of the blocks on all devices.

The bootstrap classes look like .col-screensize-nbblocks, with screensize being one of xs,sm,md,lg and the nbblocks a value between 1 and 12. For example if you choose to add "col-md-4,col-lg-1" it will make your block take either 4/12 or 1/12 of the width of the area where your block is put depending if you are on a smaller screen device or on a larger screen device. It's only on the larger screen that you would use 1/12 of the screen width.

Sample block macro code

{{block title="XWiki" image="xwiki.png" top-bgcolor="blue" top-height="150" link-height="200" image-width="50" image-height="50" top-bgcolor="blue" link-bgcolor="black" classes="col-lg-3 col-md-4 col-sm-6"}}
* [[XWiki.org>>url:http://www.xwiki.org]]
* [[XWiki SAS>>url:http://www.xwiki.com]]
{{/block}}

Sample block macro with 6 blocks with constant height

XWiki

XWiki.org

XWiki SAS

XWiki

XWiki.org

XWiki SAS

XWiki

XWiki.org

XWiki SAS

XWiki

XWiki.org

XWiki SAS

XWiki

XWiki.org

XWiki SAS

XWiki

XWiki.org

XWiki SAS

Sample block macro with 3 blocks with variable height

XWiki

This is a nice and long link

This is an even more nicer and long link

XWiki

XWiki.org

XWiki SAS

XWiki

XWiki.org

XWiki SAS