Cfm background

heightSwitch	custom
widthSwitch	auto

heightSwitchcustom

image	https://

adaptavistlabs

kolekti.atlassian.net/wiki/download/attachments/

3062661340

9306144/

7rmou7f7ypn

o7y03t9ehd
backgroundColor	#091E42

#EBF1FF

imageName
imageRepeatDirection	repeat

Confluence Card_Success

Documentation_header-01-01-01.png

imageRepeatDirectionrepeat

imagePosition	Center

right

left
imageRepeatSwitch	no-repeat
textColorPalette	Default
textColor	#FFFFFF

#091E42

minHeight
imageOpacity	1

3

2.

72

96

imageOpacity1

macroImageId
colorPalettes	Default
borderRadius	0.03

7rmou7f7ypn

o7y03t9ehd
width	1

imageSize

id

contain

yz7i7x3xc2

id

imageSize

qsh8tq5mwko

cover
alignment	start
opacity	1
imageType	Upload
backgroundColorPalette	Default

Welcome to the Demo Alert Macro step-by-step guide

Let viewers know about the status of a page,

give them key context or highlight important information.

1. Installation

1.1. From the Atlassian Marketplace, type "Demo Alert macro" in the "Search the Marketplace" field.

1.2. Find the "Demo Alert macro" add-on by ReWork in the search results.

1.3. Press the "Try it free" or "Subscribe now" buttons.

1.4. Select your site on atlassian.net to install the add-on, then click "Start a free trial"

Image Removed

2. Settings

2.1

. Alert Type - there are several standard options to choose from. The options are: Work in Progress, Success, Error, Info, Sensitive, Warning, Outdated, Custom23.1.

.

2. Style - there are two options for the style: Image Alert: (Default Option) An image is displayed above the title and content of the card. Simple Alert: The alert content is shown without an image

2.3. Title - type in your desired heading or title for your alert

2.4. Image - drag and drop an image file into the macro window or click Upload to select an image file from your local file storage.

2.5. Once you have selected your image, an image cropper displays to allow you to refine the size and section of the image.

Image Removed

3. Configuration

Change the Background Color

3

2.1.1. The color scheme option lets you select any color you want for the background of your alert.

3

2.1.2. You can use one of the preset options or use your browser color picker. You access this by clicking on the pencil icon.

3

2.1.3. This will open the color picker nearby. The color of the text will automatically change to be a contrasting tone for readability.

3

2.2. Edit a Demo Alert

3

2.2.1. To make changes to an alert after it is published, first display the page in Edit mode.

3

2.2.2. Click the card, then click the Edit icon.

3

2.2.3. Make your desired changes, then click Save. If you want to edit an alert image, you will need to upload it again.

Image Removed

Cfm background

heightSwitch	custom
widthSwitch	auto

heightSwitchcustom

backgroundColor
image	https://adaptavistlabs.atlassian.net/wiki/download/attachments/3244949519/xqnasmlr7wa

#6856F0

#091E42
imageRepeatDirection	repeat
imageName	HERO_ folderinfolder.png

imageRepeatDirection

repeat

textColor
imagePosition	Center right
imageRepeatSwitch	no-repeat
textColorPalette	Default

#091E42

#FFFFFF

minHeight

imageOpacity

2.3

1

imageOpacity

minHeight	1.77
colorPalettes	Default
borderRadius	0.1
macroImageId	xqnasmlr7wa
textAlignment	center
width	1
id	lj5qrlklyi
imageSize	contain

idii9agtf8fs9

opacity

alignment	start

0.14

backgroundColorPalette
1
imageType	Upload

Default

Recently used

FAQs

Find answers to all the most popular questions about our product

Cfm tabs page

id
primaryTab	true
colorPalettes	Recently used
an.spaceKey	CFMFCC
tabsPageTitle	Product installation
color	#091E42

gosoz9pqe7t

direction
	7hwul1dccai
backgroundColorPalette	Recently used
headerStyle	Filled

horizontal

vertical

How can I install Data Center version?
How can I install Cloud version if I previously used Server version?
Can I install the app without an admin?
What access do I need to install the app?
How can I install the app using app search inside Confluence?

Cfm tabs page

color
tabsPageTitle	Onboarding - Get started with our product
colorPalettes	Recently used

#655d5d

id
#091E42

hxdkgiuf8iv

iijonvd1ef
backgroundColorPalette	Recently used
direction	vertical

How can I start working with macros?
Where can I see a preview of the macros?
How can I copy macros?
How can I customise macros?

Cfm tabs page

color
tabsPageTitle	Payment options
colorPalettes	Recently used

#00875A

id
#091E42

rr19jlu5lfc

direction
s48de61vnft
backgroundColorPalette	Recently used

vertical

horizontal

Which payment method can I use in the US?
Can I pay by PayPal?

Cfm tabs page

id
tabsPageTitle	Integrations with other services
colorPalettes	Recently used
color	#091E42

wcg446up3fj

direction
c1lqfpksros
backgroundColorPalette	Recently used

vertical

horizontal

How do I integrate with macros for Jira?
How do I integrate with WordPress?
How do I integrate with Google Docs?

Cfm cardlayoutVerticalimagehttps://adaptavistlabs.atlassian.net/wiki/download/attachments/3062661340/dzw8t342urcolor#04027EmacroImageIddzw8t342urtextColorPaletteDefaultidhqw97qkaxvabody

Cfm background

widthSwitch	auto
heightSwitch	custom
image
backgroundColor	#8181FF#091E42
imageRepeatDirection	repeat
imagePosition	Center
imageRepeatSwitch	no-repeat
textColorPalette	Default
textColor	#091E42#FFFFFF
minHeight	2.12
imageOpacity	1
borderRadius	0.11
width	1
imageSize	auto
id	jck06yjskhkd3r6udfdwum
alignment	start
opacity	0.231
backgroundColorPalette	Recently used

Do you need more help or have questions?

Don't hesitate to get in touch with us

Image Removed

Auibutton
DefaultDefault
colorPalettes externalUrl https://www.adaptavist.com/contact
color #FDC88B#F4F5F6
textColorPalettefilterSpace Defaultfalse
iddestination cid6j2oqjebexternalUrl
alignmenttextColorPalette centerDefault
title Support
type standard
textColor #091E42
backgroundColorPaletteurl
selectedUrl url https://www.adaptavist.com/contact
colorPalettes Default
id 6de5u6ffush
alignment center
backgroundColorPalette Default

Cfm background

0.25

widthSwitch	auto
heightSwitch	custom
image
backgroundColor	#F1A047#091E42
imageRepeatDirection	repeat
imagePosition	Center
imageRepeatSwitch	no-repeat
textColorPalette	Default
textColor	#091E42#FFFFFF
minHeight	2.12
imageOpacity	1
borderRadius	0.11
width	1
imageSize	auto
id	thto6n7e7drbpmy8hkwn
alignment	start
opacity		1
backgroundColorPalette	Recently used

Haven't used this add-on yet?

You can install

it’s

a free trial version

Image Removed

Auibutton

DefaultDefault

colorPalettes	externalUrl	https://marketplace.atlassian.com/apps/247/content-formatting-macros-for-confluence?tab=overview&hosting=cloud
color	#BCB8F4#F4F5F6
textColorPalettefilterSpace	Defaultfalse
iddestination	gkts14z8aqdexternalUrl
alignmenttextColorPalette	centerDefault
title	Try Now
type	standard
textColor	#091E42
backgroundColorPaletteurl
selectedUrl	url	https://marketplace.atlassian.com/apps/247/content-formatting-macros-for-confluence?tab=overview&hosting=cloud

Use Cases

colorPalettes	Default
id	4syqo9a767i
alignment	center
backgroundColorPalette	Default

Use Cases

Cfm cards

an.spaceKey	CFMFCC
cards	[{"id":"mgr7uj5n6u","color":"#151C33","textColor":"#FFFFFF","title":"How to use Alerts","body":"Learn more about practical cases of usage

titleHow to use AlertstextColor#FFFFFF Cfm cardlayoutVerticalimage

","backgroundColorPalette":"cfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://

adaptavistlabs

kolekti.atlassian.net/wiki/download/attachments/

3062661340/cxyc7aywo5acolor#04027EmacroImageIdcxyc7aywo5atextColorPaletteDefaultidshvo0n751jmbodyLearn how to maximise AlertstitleBest PractisestextColor#FFFFFF Cfm cardlayoutVerticalimagehttps://adaptavistlabs

9306144/jzhtv30ur0r.jpeg","imageName":"Configure_Confluence.jpeg","imageType":"Upload","macroImageId":"jzhtv30ur0r"},{"id":"r839ghtjwg","color":"#151C33","textColor":"#FFFFFF","title":"Best Practises","body":"Learn how to maximise Alerts","backgroundColorPalette":"cfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://kolekti.atlassian.net/wiki/download/attachments/

3062661340/n660i661c7color#04027EmacroImageIdn660i661c7textColorPaletteDefaultidox6so9dhvubody

9306144/6zkri23cqj4.jpeg","imageName":"How_To_use_Alerts.jpeg","imageType":"Upload","macroImageId":"6zkri23cqj4"},{"id":"nm8ia3g331","color":"#151C33","textColor":"#FFFFFF","title":"Top 10 macros for design","body":"Macros that help improve page design

titleTop 10 macros for designtextColor#FFFFFF Cfm cardlayoutVerticalimagehttps://adaptavistlabs

","backgroundColorPalette":"cfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://kolekti.atlassian.net/wiki/download/attachments/

3062661340/07tnsgi97eakcolor#04027EmacroImageId07tnsgi97eaktextColorPaletteDefaultid75lq0zyur8pbody

9306144/1awhpeq02b1.jpeg","imageName":"macros_For_Design.jpeg","imageType":"Upload","macroImageId":"1awhpeq02b1"},{"imagePosition":"top","color":"#151C33","textColor":"#FFFFFF","title":"Macros for CTA","body":"How to get users' attention with macros

titleMacros for CTAtextColor#FFFFFF

Was this page helpful for you?

Auibuttongroup

id	c1ode2pz3k9
title	text

Auibutton

color	#C0F0BC
icon	approve
textColorPalette	Default
id	6vfmxyemqm2
alignment	left
title	Yes
type	standard
textColor	#091E42
url	#

Auibuttoncolor#EEA5A5iconclose-dialogtextColorPaletteDefaultidpj809kmuh2alignmentlefttitleNotypestandardtextColor#091E42url#

","backgroundColorPalette":"cfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","id":"nm2ttnoctyp","image":"https://kolekti.atlassian.net/wiki/download/attachments/9306144/b0zn2fw84au.png","imageName":"Macros_For_CTA.png","imageType":"Upload","macroImageId":"b0zn2fw84au"}]
numberOfColumns	4
imagePosition	top
textAlignment	left
id	a9y5reha1rj

Version	Old Version 32	New Version Current
Changes made by	Zoriana Bogutska	Hols Aspinall
Saved on	Mar 30, 2023	Feb 20, 2025

Content Comparison

Versions Compared

Key

Welcome to the Demo Alert Macro step-by-step guide

Let viewers know about the status of a page,

give them key context or highlight important information.

1. Installation

1.1. From the Atlassian Marketplace, type "Demo Alert macro" in the "Search the Marketplace" field.

1.2. Find the "Demo Alert macro" add-on by ReWork in the search results.

1.3. Press the "Try it free" or "Subscribe now" buttons.

1.4. Select your site on atlassian.net to install the add-on, then click "Start a free trial"

2. Settings

2.1

.

2.3. Title - type in your desired heading or title for your alert

2.4. Image - drag and drop an image file into the macro window or click Upload to select an image file from your local file storage.

2.5. Once you have selected your image, an image cropper displays to allow you to refine the size and section of the image.

3. Configuration

Change the Background Color

2.1.1. The color scheme option lets you select any color you want for the background of your alert.

2.1.2. You can use one of the preset options or use your browser color picker. You access this by clicking on the pencil icon.

2.1.3. This will open the color picker nearby. The color of the text will automatically change to be a contrasting tone for readability.

2.2. Edit a Demo Alert

2.2.1. To make changes to an alert after it is published, first display the page in Edit mode.

2.2.2. Click the card, then click the Edit icon.

2.2.3. Make your desired changes, then click Save. If you want to edit an alert image, you will need to upload it again.

FAQs

Find answers to all the most popular questions about our product

Do you need more help or have questions?

Don't hesitate to get in touch with us

Haven't used this add-on yet?

You can install

a free trial version

Use Cases

Use Cases

Was this page helpful for you?