Versions Compared

Old Version 69

changes.mady.by.user Zoriana Bogutska

Saved on

compared with

New Version Current

changes.mady.by.user Zoriana Bogutska

Saved on

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
heightSwitchcustom
widthSwitchauto
heightSwitchcustom
imagehttps://adaptavistlabs.atlassian.net/wiki/download/attachments/3244949519/xqnasmlr7wa
backgroundColor#091E42
imageRepeatDirectionrepeat
imageNameHERO_ folderinfolder.png
imageRepeatDirectionrepeat
imagePositionCenter right
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#FFFFFF
imageOpacity1
minHeight1.77
imageOpacity1
colorPalettesDefault
borderRadius0.1
macroImageIdxqnasmlr7wa
textAlignmentcenter
width1
imageSizecontain
idlj5qrlklyi
alignmentstartopacity1imageTypeUploadbackgroundColorPaletteRecently used

FAQs

Find answers to all the most popular questions about our product

Cfm background
textAlignmentid
widthSwitchauto
heightSwitchcustom
imagehttps://adaptavistlabs.atlassian.net/wiki/download/attachments/3244949519/xqnasmlr7wa
backgroundColor#091E42
imageNameHERO_ folderinfolder.png
imageRepeatDirectionrepeat
imagePositionCenter right
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#FFFFFF
minHeight1.77
imageOpacity1
colorPalettesDefault
borderRadius0.1
macroImageIdxqnasmlr7wa
center
width1
imageSizecontain
lj5qrlklyialignmentstart
opacity1
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?

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#091E42filterSpacefalsedestinationconfluencePagetextColorPaletteDefaultbody
cards
an.spaceKeyCFMFCC
cards[{"id":"mgr7uj5n6u","color":"#151C33","textColor":"#FFFFFF","title":"How to use Alerts","body":"Learn more about practical cases of usage
titleHow to use AlertstextColor#FFFFFFselectedUrllayoutVerticalmacroImageIdu3e31spycoid81yetbmrtidimageTypeUploadbackgroundColorPaletteRecently used Cfm cardimage
","backgroundColorPalette":"cfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://kolekti.atlassian.net/wiki/download/attachments/9306144/
ky9iwzkjitexternalUrlimageNameHow_To_use_Alerts (1).jpegcolor#091E42filterSpacefalsedestinationconfluencePagetextColorPaletteDefaultbodyLearn how to maximise AlertstitleBest PractisestextColor#FFFFFFselectedUrllayoutVerticalmacroImageIdky9iwzkjitidsb5appzuc1aimageTypeUploadbackgroundColorPaletteRecently used Cfm cardimage
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/9306144/
9gmvkqrm9ghexternalUrlimageNamemacros_For_Design.jpegcolor#091E42filterSpacefalsedestinationconfluencePagetextColorPaletteDefaultbodyMacros that help improve page designtitleTop 10 macros for designtextColor#FFFFFFselectedUrllayoutVerticalmacroImageId9gmvkqrm9ghidaa8uccu5hcfimageTypeUploadbackgroundColorPaletteRecently used Cfm cardimage
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","backgroundColorPalette":"cfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://kolekti.atlassian.net/wiki/download/attachments/9306144/
tqz8h2i7bqkexternalUrlimageNameMacros
1awhpeq02b1.jpeg","imageName":"macros_For_
CTA (1).pngcolor#091E42filterSpacefalsedestinationconfluencePagetextColorPaletteDefaultbody
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#FFFFFFselectedUrllayoutVerticalmacroImageIdtqz8h2i7bqkidwyzamn88jiimageTypeUploadbackgroundColorPaletteRecently used 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 backgroundheightSwitchcustomwidthSwitchautoimage
","backgroundColorPalette":"cfm-organization-colors-Kolekti","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","id":"nm2ttnoctyp","image":"https://kolekti.atlassian.net/wiki/download/attachments/
33322/b3dub9fdr1kbackgroundColor#EAEADFimageRepeatDirectionrepeatimageNameNeed_Help.pngimagePositionCenter rightimageRepeatSwitchno-repeattextColorPaletteDefaulttextColorhsl(218, 54%, 20%)imageOpacity0.99minHeight2.85colorPalettesRecently usedborderRadius0.08macroImageIdb3dub9fdr1ktextAlignmentcenterwidth0.63idibhj4qfs4efimageSizecontainalignmentcenteropacity0.49imageTypeUploadbackgroundColorPaletteRecently 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
9306144/b0zn2fw84au.png","imageName":"Macros_For_CTA.png","imageType":"Upload","macroImageId":"b0zn2fw84au"}]
numberOfColumns4
imagePositiontop
textAlignmentleft
ida9y5reha1rj