Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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. 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.

...

Cfm background

...

widthSwitchauto
heightSwitchcustom
imageRepeatDirectionrepeat
imageRepeatSwitchno-repeat
textColorPaletteDefault
imageOpacity1
minHeight2.96
an.spaceKeyCFMFCC
macroImageIdo7y03t9ehd
sideSpacing24
imageSizecover
idzjk786v95yi
backgroundColorPaletteDefault
imageTypeStock images
imagehttps://images.pexels.com/photos/4219037/pexels-photo-4219037.jpeg?auto=compress&cs=tinysrgb&w=1800
backgroundColor#091E42
imageNameStack of Books on Wooden Stool
imagePositionCenter left
textColor#091E42
colorPalettesDefault
borderRadius0.03
textAlignmentcenter
width1
opacity1
alignmentstart

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.

heightSwitchcustom
widthSwitchcustom
imagehttps://

...

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

...

33322/

...

xd2k3jfulis
backgroundColor

...

#BCB8F4
imageRepeatDirectionrepeat
imageName

...

unnamed (11).png
imagePositionCenter right
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor

...

hsl(218, 54%, 20%)
imageOpacity

...

0.96
minHeight

...

4.

...

2
colorPalettes

...

Recently used
borderRadius0.

...

03
macroImageId

...

xd2k3jfulis

...

width1
id

...

qj5il5sfazb
imageSizecontain
alignmentstart
opacity

...

0.29
imageTypeUpload
backgroundColorPaletteRecently used

...

FAQs

Find answers to all the most popular questions about our product

Cfm tabs page
primaryTabtrue
colorPalettesRecently used
an.spaceKeyCFMFCC
tabsPageTitleProduct installation
color#091E42
id7hwul1dccai
backgroundColorPaletteRecently used
headerStyleFilled
directionvertical
  • 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
tabsPageTitleOnboarding - Get started with our product
colorPalettesRecently used
color#091E42
idiijonvd1ef
backgroundColorPaletteRecently used
directionvertical
  • 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
tabsPageTitlePayment options
colorPalettesRecently used
color#091E42
ids48de61vnft
backgroundColorPaletteRecently used
directionhorizontal
  • Which payment method can I use in the US?

  • Can I pay by PayPal?

Cfm tabs page
tabsPageTitleIntegrations with other services
colorPalettesRecently used
color#091E42
idc1lqfpksros
backgroundColorPaletteRecently used
directionhorizontal
  • How do I integrate with macros for Jira?

  • How do I integrate with WordPress?

  • How do I integrate with Google Docs?

...

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

...

Welcome to Mosaic Example Pages with custom images!

We've created these pages to inspire you to level up your Confluence.

Cfm card
externalUrl
imagehttps://kolekti.atlassian.net/wiki/download/attachments/33322/fq6yuh9ndki
imageNameKnowledge_Icon (1).png
color#016D7A
filterSpacefalse
linkhttps://kolekti.atlassian.net/wiki/spaces/CFMFCC/pages/33322/Knowledge+Base+CFM4C+demo+page
destinationconfluencePage
textColorPaletteRecently used
titleKnowledge Base
bodyClick to open >>
textColor#FFFFFF
layoutVertical
selectedUrl
colorPalettesRecently used
macroImageIdfq6yuh9ndki
idghuw9s301t7
imageTypeUpload
backgroundColorPaletteRecently used
Cfm card
externalUrl
imagehttps://kolekti.atlassian.net/wiki/download/attachments/33322/sutwd4sa53e
imageNameHomepage_Icon (1).png
color#016D7A
filterSpacefalse
linkhttps://kolekti.atlassian.net/wiki/spaces/CFMFCC/pages/9011223/Home+page+CFM4C+Demo+Page
destinationconfluencePage
textColorPaletteRecently used
titleHome Page
bodyClick to open >>
textColor#FFFFFF
layoutVertical
selectedUrl
colorPalettesRecently used
macroImageIdsutwd4sa53e
idi7of9hph4fe
imageTypeUpload
backgroundColorPaletteRecently used
Cfm card
externalUrl
imagehttps://kolekti.atlassian.net/wiki/download/attachments/

...

33322/0l2ybgu7xhpg
imageNameOnboarding_Bg (1).png
color#016D7A
filterSpacefalse
linkhttps://kolekti.atlassian.net/wiki/spaces/

...

CFMFCC/

...

pages/

...

9502733/Onboarding+Page+CFM4C+Demo+Page
destinationconfluencePage
textColorPaletteRecently used
titleOnboarding Page
bodyClick to open >>
textColor#FFFFFF
layoutVertical
selectedUrl
colorPalettesRecently used
macroImageId0l2ybgu7xhpg
idlhfm7x283js
imageTypeUpload
backgroundColorPaletteRecently used

Cfm card
externalUrl
imagehttps://kolekti.atlassian.net/wiki/download/attachments/

...

33322/uh8e2d5vzth
imageNameUsers_profiles_bg (1).png
color#016D7A
filterSpacefalse
linkhttps://kolekti.atlassian.net/wiki/

...

spaces/CFMFCC/

...

pages/

...

9863169/User+Profiles+Team+page+CFM4C+Demo+Page
destinationconfluencePage
textColorPaletteRecently used
titleUser Profiles
bodyClick to open >>>
textColor#FFFFFF
layoutVertical
selectedUrl
colorPalettesRecently used

...

...

macroImageId

...

uh8e2d5vzth
id

...

xtvxr1ewmb
imageTypeUpload
backgroundColorPaletteRecently used

...

  1. Make sure that you have the Content Formatting Macros for Confluence add-on installed into your Confluence. If not, install a free trial version of it.

  2. Click the Edit button (the pencil icon)

    Image Removed
  3. To copy all elements on a page: press Ctrl+A on your keyboard and then Ctrl+C. To copy specific elements: left-click the element you want to copy, then press Ctrl+C.

  4. Open a new or existing page in your Confluence space and press Ctrl+V to paste.

  5. Publish your Confluence page.

  6. View the published element(s). If needed, you can change elements in Edit mode - just click on the element and then click the pencil icon.

...

Cfm card
externalUrl
imagehttps://kolekti.atlassian.net/wiki/download/attachments/33322/

...

yxja7n0gmj
imageName

...

Blog_

...

Icon.png

...

color

...

#016D7A

...

filterSpace

...

false

...

linkhttps://kolekti.atlassian.net/wiki/spaces/CFMFCC/pages/9666561/Blog+post+in+Confluence+CFM4C+Demo+Page
destinationconfluencePage
textColorPaletteRecently used

...

titleBlog Post
bodyClick to open >>>
textColor#FFFFFF
layoutVertical
selectedUrl
colorPalettesRecently used
macroImageIdyxja7n0gmj
idm3ibgtiss1l
imageTypeUpload
backgroundColorPaletteRecently used

Need any help?

...

Cfm card
externalUrl
imagehttps://

...

kolekti.atlassian.net/wiki/download/attachments/33322/5ayinm6yfa4
imageNamedocumentation_Bg.png
color#016D7A
filterSpacefalse

...

linkhttps://

...

Want to try Content Formatting Macros for Confluence?

...

kolekti.atlassian.net/wiki/spaces/CFMFCC/pages/9306144/Documentation+CFM4C+Demo+Page
destinationconfluencePage
textColorPaletteRecently used
titleDocumentation
bodyClick to open >>>
textColor#FFFFFF
layoutVertical
selectedUrl
colorPalettesRecently used
macroImageId5ayinm6yfa4
id37dyx9tgaqr
imageTypeUpload
backgroundColorPaletteRecently used

...