Versions Compared

Key

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

Cfm background
heightSwitchcustom
widthSwitchauto
imagehttps://kolekti.atlassian.net/wiki/download/attachments/9306144/o7y03t9ehd
backgroundColor#091E42
imageRepeatDirectionrepeat
imageNameDocumentation_header-01-01-01.png
imagePositionCenter left
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#FFFFFF
imageOpacity1
minHeight2.96
colorPalettesDefault
borderRadius0.03
macroImageIdo7y03t9ehd
width1
idyz7i7x3xc2
imageSizecover
alignmentstart
opacity1
imageTypeUpload
backgroundColorPaletteDefault

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. 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
customan.spaceKey
heightSwitchcustom
widthSwitchautoheightSwitch
imagehttps://adaptavistlabs.atlassian.net/wiki/download/attachments/3244949519/xqnasmlr7wa
backgroundColor#001C8A#091E42
imageRepeatDirectionrepeat
imageNameHERO_ folderinfolder.png
imagePositionCenter right
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#FFFFFF
imageOpacity1
minHeight1.77
colorPalettesDefaultCFMFCC
borderRadius0.1
macroImageIdxqnasmlr7wa
textAlignmentcenter
width1
sideSpacingid24lj5qrlklyi
imageSizecontain
idalignmentgtztz1t2nkmstart
opacity0.471
alignmentimageTypestartUpload
backgroundColorPaletteRecently used
Use this tabs to collect process description for the different use cases.

FAQs

Find answers to all the most popular questions about our product

Cfm tabs page
primaryTabiconhasBorder
tabsPageTitleprimaryTab true
colorPalettesRecently used
truean.spaceKeyCFMFCC
colortabsPageTitle#003FBDProduct installation
textAlignmentcolorleft#091E42
idojxs2iawyj7hwul1dccai
falsebackgroundColorPaletteRecently 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?


Cfm background
widthSwitchauto
heightSwitchcustom
image
backgroundColor#091E42
imageRepeatDirectionrepeat
imagePositionCenter
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#FFFFFF
minHeight2.12
imageOpacity1
borderRadius0.11
width1
imageSizeauto
idd3r6udfdwum
alignmentstart
opacity1
backgroundColorPaletteRecently used

Do you need more help or have questions?

Don't hesitate to get in touch with us

Auibutton
externalUrlhttps://www.adaptavist.com/contact
color#F4F5F6
filterSpacefalse
destinationexternalUrl
textColorPaletteDefault
titleSupport
typestandard
textColor#091E42
url
selectedUrlhttps://www.adaptavist.com/contact
colorPalettesDefault
id6de5u6ffush
alignmentcenter
backgroundColorPaletteDefault

Cfm background
widthSwitchauto
heightSwitchcustom
image
backgroundColor#091E42
imageRepeatDirectionrepeat
imagePositionCenter
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#FFFFFF
minHeight2.12
imageOpacity1
borderRadius0.11
width1
imageSizeauto
idrbpmy8hkwn
alignmentstart
opacity1
backgroundColorPaletteRecently used

Haven't used this add-on yet?

You can install a free trial version

Auibutton
externalUrlhttps://marketplace.atlassian.com/apps/247/content-formatting-macros-for-confluence?tab=overview&hosting=cloud
color#F4F5F6
filterSpacefalse
destinationexternalUrl
textColorPaletteDefault
titleTry Now
typestandard
textColor#091E42
url
selectedUrlhttps://marketplace.atlassian.com/apps/247/content-formatting-macros-for-confluence?tab=overview&hosting=cloud
colorPalettesDefault
id4syqo9a767i
alignmentcenter
backgroundColorPaletteDefault


Use Cases

Cfm cardimagehttps://kolekti.atlassian.net/wiki/download/attachments/9306144/u3e31spycoexternalUrlimageNameConfigure_Confluence.jpegcolor#091E42filterSpacefalsedestinationconfluencePagetextColorPaletteDefaultbodyLearn more about practical cases of usagetitleHow to use AlertstextColor#FFFFFFselectedUrllayoutVerticalmacroImageIdu3e31spycoid81yetbmrtidimageTypeUploadbackgroundColorPaletteRecently used Cfm cardimagehttps://kolekti.atlassian.net/wiki/download/attachments/9306144/ky9iwzkjitexternalUrlimageNameHow_To_use_Alerts (1).jpegcolor#091E42filterSpacefalsedestinationconfluencePagetextColorPaletteDefaultbodyLearn how to maximise AlertstitleBest PractisestextColor#FFFFFFselectedUrllayoutVerticalmacroImageIdky9iwzkjitidsb5appzuc1aimageTypeUploadbackgroundColorPaletteRecently used Cfm cardimagehttps://kolekti.atlassian.net/wiki/download/attachments/9306144/9gmvkqrm9ghexternalUrlimageNamemacros_For_Design.jpegcolor#091E42filterSpacefalsedestinationconfluencePagetextColorPaletteDefaultbodyMacros that help improve page designtitleTop 10 macros for designtextColor#FFFFFFselectedUrllayoutVerticalmacroImageId9gmvkqrm9ghidaa8uccu5hcfimageTypeUploadbackgroundColorPaletteRecently used

cfm-
cardimagehttps://kolekti.atlassian.net/wiki/download/attachments/9306144/tqz8h2i7bqkexternalUrlimageNameMacros_For_CTA (1).pngcolor#091E42filterSpacefalsedestinationconfluencePagetextColorPaletteDefaultbodyHow to get users' attention with macrostitleMacros for CTAtextColor#FFFFFFselectedUrllayoutVerticalmacroImageIdtqz8h2i7bqkidwyzamn88jiimageTypeUploadbackgroundColorPaletteRecently used
cfm-cards
an.spaceKeyCFMFCC
cards[{"id":"mgr7uj5n6u","color":"#091E42#151C33","textColor":"#FFFFFF","title":"Add a TitleHow to use Alerts","body":"Combine it with your content and imagesLearn more about practical cases of usage","backgroundColorPalette":"Defaultcfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://kolekti.atlassian.net/wiki/download/attachments/9306144/y1ahg3mt07pjzhtv30ur0r.jpeg","imageName":"Configure_Confluence.jpeg","imageType":"Upload","macroImageId":"y1ahg3mt07pjzhtv30ur0r"},{"id":"r839ghtjwg","color":"#091E42#151C33","textColor":"#EAEADF#FFFFFF","title":"Style and ColorBest Practises","body":"Tailor each card to meet your needsLearn how to maximise Alerts","backgroundColorPalette":"Defaultcfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://kolekti.atlassian.net/wiki/download/attachments/9306144/mb45rdmxmzj6zkri23cqj4.jpeg","imageName":"How_To_use_Alerts.jpeg","imageType":"Upload","macroImageId":"mb45rdmxmzj6zkri23cqj4"},{"id":"nm8ia3g331","color":"#091E42#151C33","textColor":"#FFFFFF","title":"Your ideasTop 10 macros for design","body":"What will your cards look like?Macros that help improve page design","backgroundColorPalette":"Defaultcfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://kolekti.atlassian.net/wiki/download/attachments/9306144/up0h1esq6ti1awhpeq02b1.jpeg","imageName":"macros_For_Design.jpeg","imageType":"Upload","macroImageId":"up0h1esq6ti1awhpeq02b1"},{"imagePosition":"top","color":"#091E42#151C33","textColor":"#FFFFFF","title":"Your ideasMacros for CTA","body":"What will your cards look like?How to get users' attention with macros","backgroundColorPalette":"Defaultcfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","id":"nm2ttnoctyp","image":"https://kolekti.atlassian.net/wiki/download/attachments/9306144/peja908utvb0zn2fw84au.png","imageName":"Macros_For_CTA.png","imageType":"Upload","macroImageId":"peja908utvb0zn2fw84au"}]
numberOfColumns4
imagePositiontop
textAlignmentleft
idymykrzvjz5s

Was this page helpful for you?

Auibuttongroup
idc1ode2pz3k9
titletext
Auibutton
color#C0F0BC
iconapprove
textColorPaletteDefault
id6vfmxyemqm2
alignmentleft
titleYes
typestandard
textColor#091E42
url#
Auibutton
color#EEA5A5
iconclose-dialog
textColorPaletteDefault
idpj809kmuh2
alignmentleft
titleNo
typestandard
textColor#091E42
url#
Cfm background
heightSwitchcustom
widthSwitchauto
imagehttps://kolekti.atlassian.net/wiki/download/attachments/8650998/waiai7t0g5
backgroundColor#EAEADF
imageRepeatDirectionrepeat
imageNameCase_Studies.png
imagePositionCenter right
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#091E42
imageOpacity0.92
minHeight3.1
colorPalettesRecently used
an.spaceKeyCFMFCC
borderRadius0.08
macroImageIdwaiai7t0g5
width1
id82ykvrftf3b
imageSizecontain
alignmentstart
opacity0.49
imageTypeUpload
backgroundColorPaletteRecently used

How do I copy the templates?

  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 background
heightSwitchcustom
widthSwitchauto
imagehttps://kolekti.atlassian.net/wiki/download/attachments/33322/b3dub9fdr1k
backgroundColor#EAEADF
imageRepeatDirectionrepeat
imageNameNeed_Help.png
imagePositionCenter right
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColorhsl(218, 54%, 20%)
imageOpacity0.99
minHeight2.85
colorPalettesRecently used
borderRadius0.08
macroImageIdb3dub9fdr1k
textAlignmentcenter
width0.63
idibhj4qfs4ef
imageSizecontain
alignmentcenter
opacity0.49
imageTypeUpload
backgroundColorPaletteRecently used

Need any help?

AuibuttonexternalUrlhttps://calendly.com/aarauzo/content-formatting-macros-demo?color#091E42filterSpacefalsedestinationexternalUrltextColorPaletteDefaulttypestandardtitleBook a demo calltextColor#FFFFFFurlselectedUrlhttps://calendly.com/aarauzo/content-formatting-macros-demo?an.spaceKeyCFMFCCid6mfwllyxihxalignmentleftbackgroundColorPaletteDefault Cfm backgroundwidthSwitchautoheightSwitchautoimagebackgroundColor#BCB8F4imageRepeatDirectionrepeatimagePositionCenterimageRepeatSwitchno-repeattextColorPaletteDefaulttextColor#091E42minHeight1imageOpacity1colorPalettesDefaultborderRadius0.08width1imageSizeautoidxlejysaigamalignmentstartopacity0.43backgroundColorPaletteRecently used

Want to try Content Formatting Macros for Confluence?

AuibuttoncolorPalettesRecently usedcolor#091E42textColorPaletteRecently usedidxzxug2ajd2etitleView the app on the Atlassian MarketplacetypestandardtextColor#FFFFFFbackgroundColorPaletteRecently usedurlhttps://marketplace.atlassian.com/apps/247/content-formatting-macros-for-confluence?tab=overview&hosting=cloud
a9y5reha1rj