Page History

{composition-setup}
deck.tab.active.background = #6495ED
{composition-setup}
{section}
{column:width=20%}
{excerpt-include:Advanced Macros Plugin|nopanel=true}
{column}
{column:width=60%}

{deck:id=Layout|width=907px}
{card:label=Overview}

h4. Layout Macros
This plugin contains macros which help you to organize your content into section (rows) and columns.

h5. This plugin includes the following macros:
* *column* - creates a column.
* *section* - creates a row.
{card}
{card:label=Documentaion}
{deck:id=columnsection}
{card:label=column / section}
Creates a column and / or a row.
h3. The Code :
Three-column layout:
{code}
{section:border=true}
  {column:width=33%}
    This is my first column!
  {column}
  {column:width=33%}
    [This is a link to|www.atlassian.com]
  {column}
  {column:width=33%}
    Third column!
  {column}
{section}
{code}
h3. What you will get :
!three_columns.png!
h3. Parameters
||*Name*||*Required?*||*Default*||*Description*||
|width|(x)| |Sets the width of the column. Use percentages (see example code).|
|border|(x)|false|Set to "true" to draw a border around the section and columns.|
{card}
{card}
{deck}
{roundrect:bgcolor=#828282|width=909px|height=50px|corners=false,false,true,true}
{roundrect}

{column}
{column:width=20%}

{column}
{section}