{deck:id=contentm}
{card:label=lozenge}
This macro creates a professional lozenge effect that's ideal for creating professional looking buttons or simply highlighting important information.
h3.The code
With an icon:
{code}
{lozenge:icon=!bell.png!|title=Announcement}Some important news here...{lozenge}
{code}
Without an icon and with a custom color:
{code}
{lozenge:title=Announcement|color=red}Some important news here...{lozenge}
{code}
h3. What you will get
With an icon :
{lozenge:icon=!bell.png!|title=Announcement}Some important news here...{lozenge}
Without an icon and with a custom color:
{lozenge:title=Announcement|color=red}Some important news here...{lozenge}
h3. Parameters
||Name|Required?|Default|Description||
|link|(x)| | if specified, clicking the lozenge will go to the specified link.|
|color|(x)| |silver| The color of the left portion of the lozenge. |
|arrow|(x)| |none or blue| Defines which arrow to use on the left portion of the lozenge:
* none (default if no "link" specified) - the arrow will not be displayed
* blue (default if a link is specified) - a blue arrow will be displayed
* green - a green arrow will be displayed.|
|title|(x)| |The title to show at the top of the main panel.|
|icon|(x)| |Attach an image (see above) or some text to the left of the lozenge.|
|width|(x)| |347px|The width of the entire lozenge in pixels or as a percentage. Specify auto to make the lozenge automatically stretch to fit it's contents.|
|