Access Keys:
Skip to content (Access Key - 0)
Home (Access Key - 1)
All spaces... (Access Key - 3)
Log in (Access Key - 5)
Sign up (Access Key - 6)
Toggle Sidebar

roundrect macro


{roundrect} Macro

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;
}

Frequently Asked Questions

Toggle Sidebar

See Also

Incoming Links


Outgoing Links


Added by Alain Moran on Jan 18, 2006 15:22, last edited by Guy Fraser on Jul 21, 2008 19:03
Anonymous

Where do I add the CSS?

If you're using the [Builder Theme] just add it to the CSS Custom Styles setting in theme config. Alternatively, you can use the style macro on the page where you have the roundrect.

Anonymous

bgimage property would be really useful in this macro, enabling users to create nice-looking buttons

You can probably already do this using CSS - if you view the HTML source you'll see the class names we've added to pretty much each bit of markup within the roundrect and can use that to add CSS specifying the bg image. However, the corners would likely not be round if you added a bg image to the entire table as the default is to have transparent corners rather than simply overlaying with white gifs.

Why do I have problems rendering antialiased rectangles ? (Is it normal?)

Thanks !


Adaptavist Theme Builder Powered by Atlassian Confluence