Versions Compared

Old Version 36

changes.mady.by.user Zoriana Bogutska

Saved on

compared with

New Version Current

changes.mady.by.user Anonymous

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/158367752/0971yy2jnbzn.png
backgroundColor#016D7A
imageRepeatDirectionrepeat
imageNameAB-2336_Confluence_Design_1200x628_Logo.png
imagePositionCenter right
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#FFFFFF
imageOpacity1
minHeight2.92
an.spaceKeyCFMFCC
borderRadius0.03
macroImageId0971yy2jnbzn
width1
idyzj08qyjl8p
sideSpacing24
imageSizecontain
alignmentstart
opacity1
imageTypeUpload
backgroundColorPaletteRecently used

Cards by Content Formatting Macros for Confluence

by Kolekti

If you have already installed CFM4C feel free to copy

and reuse the examples below as templates

Settings: Card layout - 3 columns, Card design: Image position - Top, Text alignment - Center

Cfm cards
an.spaceKeyCFMFCC
cards[{"color":"#000000","textColor":"#FFFFFF","title":"Add a Title","body":"Combine it with your content and images","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/9129566/pexels-photo-9129566.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"A Text on a Letter Board","imageType":"Stock images"},{"color":"#006D7a","textColor":"#EAEADF","title":"Style and Color","body":"Tailor each card to meet your needs","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/1509534/pexels-photo-1509534.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"Multicolored Abstract Painting","imageType":"Stock images"},{"color":"#FFFFFF","textColor":"#091E42","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"cfm-space-colors-Kolketi","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/1181605/pexels-photo-1181605.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"Two Woman in Black Sits on Chair Near Table","imageType":"Stock images"},{"imagePosition":"top","color":"#00A3BF","textColor":"#FFFFFF","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/6224/hands-people-woman-working.jpg?auto=compress&cs=tinysrgb&w=600","imageName":"Working in a Group","imageType":"Stock images"},{"imagePosition":"top","textColor":"#091E42","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"Recently used","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/6375/quote-chalk-think-words.jpg?auto=compress&cs=tinysrgb&w=600","imageName":"Think outside of the box","imageType":"Stock images"},{"imagePosition":"top","color":"#FFFFFF","textColor":"#091E42","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/7063/man-notebook-notes-macbook.jpg?auto=compress&cs=tinysrgb&w=600","imageName":"Man Using Macbook","imageType":"Stock images"}]
numberOfColumns3
imagePositiontop
textAlignmentcenter
idoyektziweaf

Settings: Card layout - 2 columns, Card design: Image position - Right, Text alignment - Left

Cfm cards
an.spaceKeyCFMFCC
cards[{"color":"#000000","textColor":"#FFFFFF","title":"Add a Title","body":"Combine it with your content and images","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/9129566/pexels-photo-9129566.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"A Text on a Letter Board","imageType":"Stock images"},{"color":"#006D7a","textColor":"#EAEADF","title":"Style and Color","body":"Tailor each card to meet your needs","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/1509534/pexels-photo-1509534.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"Multicolored Abstract Painting","imageType":"Stock images"},{"color":"#00A3BF","textColor":"#FFFFFF","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/1181605/pexels-photo-1181605.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"Two Woman in Black Sits on Chair Near Table","imageType":"Stock images"},{"imagePosition":"top","textColor":"#091E42","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"Recently used","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/6224/hands-people-woman-working.jpg?auto=compress&cs=tinysrgb&w=600","imageName":"Working in a Group","imageType":"Stock images"}]
numberOfColumns2
imagePositionright
textAlignmentleft
idndossm6ebts

Settings: Card layout - 1 column, Card design: Image position - Top, Text alignment - Center

Cfm cards
an.spaceKeyCFMFCC
cards[{"color":"#000000","textColor":"#FFFFFF","title":"Add a Title","body":"Combine it with your content and images","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/9129566/pexels-photo-9129566.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"A Text on a Letter Board","imageType":"Stock images"},{"color":"#006D7a","textColor":"#EAEADF","title":"Style and Color","body":"Tailor each card to meet your needs","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/1509534/pexels-photo-1509534.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"Multicolored Abstract Painting","imageType":"Stock images"},{"textColor":"#091E42","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"Recently used","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/1181605/pexels-photo-1181605.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"Two Woman in Black Sits on Chair Near Table","imageType":"Stock images"}]
numberOfColumns1
imagePositiontop
textAlignmentcenter
idet1mytl876

Settings: Card layout - 4 columns, Card design: Image position - Non, Text alignment - Center

Cfm cards
an.spaceKeyCFMFCC
cards[{"color":"#000000","textColor":"#FFFFFF","title":"Add a Title","body":"Combine it with your content and images","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/9129566/pexels-photo-9129566.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"A Text on a Letter Board","imageType":"Stock images"},{"color":"#006D7a","textColor":"#EAEADF","title":"Style and Color","body":"Tailor each card to meet your needs","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/1509534/pexels-photo-1509534.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"Multicolored Abstract Painting","imageType":"Stock images"},{"color":"#00A3BF","textColor":"#FFFFFF","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/1181605/pexels-photo-1181605.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"Two Woman in Black Sits on Chair Near Table","imageType":"Stock images"},{"imagePosition":"top","textColor":"#091E42","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"Recently used","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/6224/hands-people-woman-working.jpg?auto=compress&cs=tinysrgb&w=600","imageName":"Working in a Group","imageType":"Stock images"}]
numberOfColumns4
imagePositionnone
textAlignmentcenter
idpg4yy1i0g1

Settings: Card layout - 2 columns, Card design: Image position - Non, Text alignment - Left

Cfm cards
an.spaceKeyCFMFCC
cards[{"color":"#000000","textColor":"#FFFFFF","title":"Add a Title","body":"Combine it with your content and images","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/9129566/pexels-photo-9129566.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"A Text on a Letter Board","imageType":"Stock images","id":"tva8jnqnk8c"},{"color":"#006D7a","textColor":"#EAEADF","title":"Style and Color","body":"Tailor each card to meet your needs","backgroundColorPalette":"DefaultDefault","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/1509534/pexels-photo-1509534.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"Multicolored Abstract Painting","imageType":"Stock images","id":"a4zanutkbli"},{"imagePosition":"top","textColor":"#091E42","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"Recently used","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/15095346224/pexelshands-people-photowoman-1509534working.jpegjpg?auto=compress&cs=tinysrgb&w=600","imageName":"Multicolored Abstract PaintingWorking in a Group","imageType":"Stock images","id":"1uiwdzhvlrg"},{"color":"#00A3BF","textColor":"#FFFFFF","title":"Your ideas","body":"What will your cards look like?","backgroundColorPalette":"Default","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","image":"https://images.pexels.com/photos/1181605/pexels-photo-1181605.jpeg?auto=compress&cs=tinysrgb&w=600","imageName":"Two Woman in Black Sits on Chair Near Table","imageType":"Stock images","id":"z0v9q5tgwxq"},{"imagePosition":"top","color":"#FFFFFF","textColor":"#091E42","title":"Your ideasThis is a card","body":"What will your cards look like?","backgroundColorPalette":"Recently usedDefault","textColorPalette":"Default","destination":"confluencePage","filterSpace":"false","externalUrl":"","selectedUrl":"","id":"qwsygq1swto","image":"https://images.pexels.com/photos/6224/hands-people-woman-working.jpg?auto=compress&cs=tinysrgb&w=600","imageName":"Working in a Group","imageType":"Stock images"}]
numberOfColumns23
imagePositionnone
textAlignmentleft
idymh4s5ny7p9uo801zby4

Cfm background
heightSwitchcustom
widthSwitchauto
backgroundColor#016D7A
imageRepeatDirectionrepeat
imagePositionCenter
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#FFFFFF
imageOpacity1
minHeight2.12
an.spaceKeyCFMFCC
borderRadius0.11
textAlignmentcenter
width1
idvsec1r81iwi
sideSpacing24
imageSizeauto
alignmentstart
opacity1
backgroundColorPaletteRecently used
verticalTextAlignmentcenter

More info about Cards settings?

Auibutton
externalUrlhttps://docs.adaptavist.com/cfm4cc/latest/macros/cards
color#F4F5F6
filterSpacefalse
destinationexternalUrl
textColorPaletteDefault
typestandard
titleDocumentation
textColor#091E42
selectedUrlhttps://docs.adaptavist.com/cfm4cc/latest/macros/cards
colorPalettesDefault
an.spaceKeyCFMFCC
ids2yos6hcuc
alignmentcenter
backgroundColorPaletteDefault

Cfm background
heightSwitchcustom
widthSwitchauto
backgroundColor#016D7A
imageRepeatDirectionrepeat
imagePositionCenter
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#FFFFFF
imageOpacity1
minHeight2.12
an.spaceKeyCFMFCC
borderRadius0.11
textAlignmentcenter
width1
idphez3o4tvtg
sideSpacing24
imageSizeauto
alignmentstart
opacity1
backgroundColorPaletteRecently used
verticalTextAlignmentcenter

Need more help or have questions?

Auibutton
externalUrlhttps://calendly.com/aarauzo/content-formatting-macros-demo
color#F4F5F6
filterSpacefalse
destinationexternalUrl
textColorPaletteDefault
typestandard
titleBook a demo call
textColor#091E42
url
selectedUrlhttps://calendly.com/aarauzo/content-formatting-macros-demo
colorPalettesDefault
id83g367jrgx
alignmentcenter
backgroundColorPaletteDefault

Cfm background
heightSwitchcustom
widthSwitchauto
backgroundColor#016D7A
imageRepeatDirectionrepeat
imagePositionCenter
imageRepeatSwitchno-repeat
textColorPaletteDefault
textColor#FFFFFF
imageOpacity1
minHeight2.12
an.spaceKeyCFMFCC
borderRadius0.11
textAlignmentcenter
width1
idzmns73k5jmp
sideSpacing24
imageSizeauto
alignmentstart
opacity1
backgroundColorPaletteRecently used
verticalTextAlignmentcenter

Haven't used this add-on yet?

Auibutton
externalUrlhttps://marketplace.atlassian.com/apps/247
color#F4F5F6
filterSpacefalse
destinationexternalUrl
textColorPaletteDefault
typestandard
titleTry Now
textColor#091E42
url
selectedUrlhttps://marketplace.atlassian.com/apps/247
colorPalettesDefault
idgn15bx7we3c
alignmentcenter
backgroundColorPaletteDefault