HTML Wrap Macro Parameters and Key

Content Layer

name	Page Info
id	821023944
class	watermark-layer

Content Column

name	Page Body
width	100.00002%
id	821023946

Content Block

background-color	transparent
name	Prompt
rich-link-hovers	true
id	821023943
class	tight reference-prompt-flex

HTML Wrap macro key and configuration options

Content Block

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

Key

Content Block

name	Key
id	596296580
class	tight reference-key-flex

HTML Wrap

tag	span
class	macro-key

html-wrap

Content Block

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

Parameter	Description	Value(s)	Example(s)
HTML Element	defines the type of HTML element to act as the wrapper	div span	`div`
CSS ID	facilitates styling HTML elements using a CSS ID attribute	CSS ID attribute	`my-css-id`
CSS Class	facilitates styling HTML elements using one or more CSS class names	CSS class name(s)	`my-css-class01 my-css-class02`
Height	defines the height of the HTML element	pixels	`200px`
Width	defines the width of the HTML element	pixels	`200px`
Margin	creates space around the HTML element	pixels	`6px 12px 6px 12px`
Padding	creates space within the element's border	pixels	`6px 12px 6px 12px`
Background Color	defines the color behind content wrapped by the HTML element	CSS value	`black` `#124A94`
Background Image	defines a file name (attached to the current page) to show as a background image	file name	`my-image.png`
Background Image Position	defines the position value for the background image	CSS values	`50% 50%` `bottom right`
Background Image Repeat	defines the repeat value for the background image	repeat repeat-x repeat-y no-repeat	`no-repeat`
Border Width	defines the size of the element's borders	pixel	`3px`
Border Style	defines the type of line to use for the element's borders	solid dotted dashed double	`solid`
Border Color	defines the color of the element's borders	CSS value Theme Press value	`black`
Border Side	defines which side of the HTML element to show a border	all top right bottom left	`all`
Float	pushes the HTML element to the left or right of its respective content	none left right	`right`
Clear	defines how to manage floating elements located to the left or right of this HTML element: allow floating elements on the left and right clear floating elements on left and right clear floating elements on the left clear floating elements on the right	none both left right	`both`
Hide	toggles the visibility of the macro's content and effects; used in conjunction with the Restrict Content macro when displaying a consolation prize	checkmark

Content Block

name	Info
rich-link-hovers	true
id	870649931
class	reference-info-flex
collapsible	collapse

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

background-color	$lightGrayColor
name	Related
id	1407948505

Content Column

name	Related
width	100%
id	1407948506

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

Replace me with a link
Replace me with a link
Aim for 4 or fewer related links. If we need more, that's okay. Be judicious. Delete me when you're done.

Page tree

Transform Your Digital Workplace

Industry Expertise

Inform Your Strategic Direction

Redefining Work

Documentation and Support

Versions Compared

Old Version 2

New Version 3

Key

Key

Platform

Company

Support

Brikit Services