Image Map Area Macro Parameters and Key

Content Layer

Content Column

Content Block

Image Map Area macro key and configuration options.

Content Block

name	Key Title
id	596290343
class	tight-bottom reference-keytitle-flex

Content Block

HTML Wrap

tag	span
class	macro-key

image-map-area

Content Block

name	Reference
rich-link-hovers	true
id	1434454811
class	page-pattern-heading reference-reference-flex

Parameter	Description	Value(s)	Example(s)
Attachment Page	defines the page to which the image is attached; leave blank for the current page	page title	`Theme Press Macros` `PRESS:Theme Press Macros`
Image Filename	defines the complete filename of the image	filename	`my-picture.png`
Tooltip	text that appears when hovering over the hotspot	text string	`Theme Press Documentation`
Page Title	targets a Confluence page	page title	`Theme Press Macros` `PRESS:Theme Press Macros`
Web Address	targets a web address, email address or Confluence link action (excluding the base URL)	URL	`http://www.brikit.com` `mailto:bob@example.com` `logout.action` `display/help`
HTML Element	targets HTML elements on the page	CSS selector	`.some-page-action` `#some-page-action`
Hotspot Shape	defines the shape of the linkable area	default rect circle poly	`rect`
Hotspot Coordinates	defines the location of the linkable area; coordinates are relative to the edge of the image	x1,y1,x2,y2 x,y,radius x1,y1,x2,y2,..,xn,yn	`55,53,156,156` `415,330,50` `366,153,414,54,465,152`

Content Block

Info

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.

Content Layer

Content Column

Content Block

rich-links-hide-description	true
rich-links-hide-site-name	false
rich-link-hovers	true
rich-links-columns	4
rich-links-vertical	true
rich-links-image-height	100px
rich-links-hide-site-icon	true
rich-links-details-padding	10px
name	Related
rich-links-enable	true
rich-links-details-alignment	left
rich-links-margin	20px 30px 0 0
id	833591344
class	related-block clean reference-related-flex

Page tree