Access Keys:
Skip to content (Access Key - 0)

Adaptavist Documentation Move

This documentation is deprecated. Adaptavist's documentation has moved to a new location where it is maintained and updated. Please visit Adaptavist's new Documentation area.

roundrect macro

Overview:

The {roundrect} macro allows you to quickly and easily create rounded rectangles

There are times when you want to put a box around some content but want that box to have rounded corners, this macro allows you to do that.

Parameters:

This macro is used as shown below:

{roundrect:title=myTitle}body content{roundrect}
Parameter Default Required Notes
bgcolor #C0FFC0 The background colour of the rounded rectangle, this should be specified as a hex value
title   The contents of the title cell, if required
footer   The contents of the footer cell, if required
width fit contents By default, the panel width will stretch to fit it's contents, unless you specify a specific width
height fit contents By default, the panel height will stretch to fit it's contents, unless you specify a specific height
cornersize 25px The radius, in pixels, of the panel corners. This sets the defaults for the hSize and vSize parameters below.
hSize cornersize This parameter, which defaults to the value defined by cornersize, defines the width of the panel corners.
vSize cornersize This parameter, which defaults to the value defined by cornersize, defines the height of the panel corners.
antialias false Setting the antialias parameter will result in much smoother corners and enable the cornercolor parameter
footerbgcolor bgcolor The background colour of the footer area (defaults to the same colour as the overall background colour bgcolor), this should be specified as a hex value
titlebgcolor bgcolor The background colour of the title area (defaults to the same colour as the overall background colour bgcolor), this should be specified as a hex value
corners true,true,true,true a comma separated list of flags stating which corners should be rounded: Top Left, Top Right, Bottom Left, Bottom Right
rows true,true,true a comma separated list of flags stating which rows should be displayed: Top, Middle, Bottom
class   a list of classes to be applied to the roundrect table

Examples

Hints and Tips

You can control the color of the text within round rectangles, as well as the alignment of content within the header, body and footer areas using the following css.

/* roundrect title & footer positions */

td.roundrect_title {
 text-align:left !important;
 vertical-align:top !important;
 padding-top:9px !important;
}

td.roundrect_body {
 text-align:left !important;
 vertical-align:top !important;
 color:#FFFFFF !important;
}

td.roundrect_title td, td.roundrect_title p, td.roundrect_title a, td.roundrect_title ul, td.roundrect_title li, 
td.roundrect_body td, td.roundrect_body p, td.roundrect_body a, td.roundrect_body ul, td.roundrect_body li, 
td.roundrect_title td, td.roundrect_footer p, td.roundrect_footer a, td.roundrect_footer ul, td.roundrect_footer li {
 color:#FFFFFF !important;
}

td.roundrect_footer {
 text-align:right !important;
 vertical-align:bottom !important;
 padding-bottom:6px !important;
}

See Also



View old comments


Adaptavist Theme Builder Powered by Atlassian Confluence