View Source

Action Button macro key and configuration options.

Key

action-button

Parameter	Description	Expected Input	Example Value(s)
Display Text	Text that appears on the button	Call-to-action text	`Contact Us` `Learn More`
Tooltip	Text that appears when hovering over the button	Text	`Ways to get in touch` `See our goals for next quarter`
Open New Window	Toggles the ability to open the button's link in a new browser. Ignored when targeting an HTML element.	Check mark
Page Title	Targets a Confluence page.	Page title (in Confluence markup) or Blogpost title (in Confluence markup)	`Office Info` `SALES:Quarterly Planning`
Web Address	Targets a web address, email address, or Confluence link action.	Full URL for web or email addresses; Confluence link action excluding the base URL	`http://www.brikit.com` `mailto:bob@example.com?subject=Lunch` `logout.action` `pages/viewpage.action?pageId=1234567`
HTML Element	Targets HTML elements on the page using a CSS selector.	CSS selector	`.some-page-action` `#some-page-action`
CSS ID	Facilitates styling the button using a CSS ID attribute.	CSS ID attribute	`my-css-id`
CSS Class	Facilitates styling the button using one or more CSS classes.	CSS class name(s); space-separated if more than one	`my-css-class01 my-css-class02`
Width	Sets the width of the button.	Pixels	`100px`
Margin	Creates space around the outside of the button's borders.	Pixels	`20px 20px 20px 20px`
Padding	Creates space around the button's text.	Pixels	`15px 10px 15px 10px`
Position	Defines the position of the button relative to its surrounding content or block.	Drop-down menu selection	`plain` `left` `right` `top left` `top right` `bottom left` `bottom right`

If using:

Replace me with something to note about the content on this page that falls outside the scope of the Reference section; and
Add the tight-bottom class to the Reference block above to narrow the gap between the two blocks.