Cfm background

heightSwitch	custom
widthSwitch	auto
image	https://kolekti.atlassian.net/wiki/download/attachments/83623937/2o9roxm55rq
backgroundColor	#6AB7C3
imageRepeatDirection	repeat
imageName	Screenshot 2023-07-24 at 07.08.59.png
imagePosition	Center right
imageRepeatSwitch	no-repeat
textColorPalette	Default
textColor	#FFFFFF
imageOpacity	0.77
minHeight	2.92
borderRadius	0.03
macroImageId	2o9roxm55rq
width	1
id	6sjumvnv7p7
imageSize	contain
alignment	start
opacity	1
imageType	Upload
backgroundColorPalette	Recently used

Tabs 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

Tabs appearance: Basic

Cfm tabs page

primaryTab	true
colorPalettes	Default
tabsPageTitle	Tab: Text Description
color	#00A3BF
icon	atlaskit-MediaServicesTextIcon
fixed	true
id	jt6guf3w0rk
hasBorder	true
backgroundColorPalette	Default
headerStyle	Basic
direction	horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 👣 🏈

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Table
color	#0052CC
icon	atlaskit-EditorTableIcon
id	loy0vdndeo
backgroundColorPalette	Default

Estimated start date: TBC

Contributors

Tasks

Status

Joseph

Faciltate ideation session.

Gather a diverse group of individuals, provide a conducive environment, and employ creative thinking techniques to foster a collaborative ideation session where participants generate and share innovative ideas to address a specific challenge or goal. Encourage open communication, active listening, and a judgment-free atmosphere to maximize the potential for creative brainstorming and problem-solving.

Status

title	done

Alise

Validate hypothesis.

To validate a hypothesis, design and execute experiments or gather empirical evidence that rigorously tests the proposed idea against real-world observations. Analyze the results objectively, comparing them to the expected outcomes outlined in the hypothesis, to determine whether the data supports or refutes the initial assumption.

Status

title	Work in progres

Norris

Plan the next steps.

Status

colour	Blue
title	scoping

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Image
color	#0052CC
icon	atlaskit-MediaServicesImageIcon
id	0wbs3fsqt5l
backgroundColorPalette	Default

Cfm tabs page

primaryTab	false
colorPalettes	Default
tabsPageTitle	Tab: Attachment
color	#FF991F
icon	atlaskit-AttachmentIcon
fixed	true
id	gae7axe3wr6
hasBorder	false
backgroundColorPalette	Default
headerStyle	Rounded
direction	horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Attachments

Cfm tabs page

tabsPageTitle	Tab: Includes button
colorPalettes	Default
an.spaceKey	CFMFCC
color	#0052CC
icon	atlaskit-HomeIcon
id	7mc8jmupy4s
backgroundColorPalette	Default

Auibutton

externalUrl	https://www.google.com/
color	#00A3BF
filterSpace	false
destination	externalUrl
textColorPalette	Default
type	standard
title	Button
textColor	#FFFFFF
url
selectedUrl	https://www.google.com/
an.spaceKey	CFMFCC
id	7sgtf1tt7nw
backgroundColorPalette	Default

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Video
color	#0052CC
icon	atlaskit-HipchatSdVideoIcon
id	29l3hssw07l
backgroundColorPalette	Default

Widget Connector

overlay	youtube
_template	com/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width	400px
url	https://www.youtube.com/watch?v=w9X1U8-_hl0&list=PLTfQ5lMxqu9pGOhqEpW-DRKdKHVI8wcXr&index=15&t=82s
height	300px

Tabs appearance: Filled

Cfm tabs page

primaryTab	true
colorPalettes	Default
tabsPageTitle	Tab: Includes Table
color	#5243AA
icon	atlaskit-EditorTableIcon
id	1x00j9kr87p
hasBorder	false
backgroundColorPalette	Default
headerStyle	Filled

Estimated start date: TBC

Contributors

Tasks

Status

Joseph

Faciltate ideation session.

Status

title	done

Alise

Validate hypothesis.

Status

title	Work in progres

Norris

Plan the next steps.

Status

colour	Blue
title	scoping

Cfm tabs page

primaryTab	false
colorPalettes	Default
tabsPageTitle	Tab: Text Description
color	#5243AA
icon	atlaskit-MediaServicesTextIcon
fixed	true
id	lalt2re9vkf
hasBorder	false
backgroundColorPalette	Default
headerStyle	Filled
direction	horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 🖲️

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Image
color	#0052CC
icon	atlaskit-MediaServicesImageIcon
id	0wbs3fsqt5l
backgroundColorPalette	Default

Cfm tabs page

primaryTab	false
colorPalettes	Default
tabsPageTitle	Tab: Attachment
color	#FF991F
icon	atlaskit-AttachmentIcon
fixed	true
id	gae7axe3wr6
hasBorder	false
backgroundColorPalette	Default
headerStyle	Rounded
direction	horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Attachments

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Video
color	#0052CC
icon	atlaskit-HipchatSdVideoIcon
id	29l3hssw07l
backgroundColorPalette	Default

Widget Connector

overlay	youtube
_template	com/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width	500px
url	https://www.youtube.com/watch?v=w9X1U8-_hl0&list=PLTfQ5lMxqu9pGOhqEpW-DRKdKHVI8wcXr&index=15&t=82s
height	300px

Tabs appearance: Rounded

Cfm tabs page

primaryTab	true
colorPalettes	Default
tabsPageTitle	Tab: Includes Image
color	#FF991F
icon	atlaskit-MediaServicesImageIcon
id	r3dvmxc5zno
hasBorder	false
backgroundColorPalette	Default
headerStyle	Rounded

Cfm tabs page

primaryTab	false
colorPalettes	Default
tabsPageTitle	Tab: Text Description
color	#FF991F
icon	atlaskit-MediaServicesTextIcon
fixed	true
id	ohobvvkw80p
hasBorder	false
backgroundColorPalette	Default
headerStyle	Rounded
direction	horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Table
color	#0052CC
icon	atlaskit-EditorTableIcon
id	loy0vdndeo
backgroundColorPalette	Default

Estimated start date: TBC

Contributors

Tasks

Status

Joseph

Faciltate ideation session.

Status

title	done

Alise

Validate hypothesis.

Status

title	Work in progres

Norris

Plan the next steps.

Status

colour	Blue
title	scoping

Cfm tabs page

primaryTab	false
colorPalettes	Default
tabsPageTitle	Tab: Attachment
color	#FF991F
icon	atlaskit-AttachmentIcon
fixed	true
id	gae7axe3wr6
hasBorder	false
backgroundColorPalette	Default
headerStyle	Rounded
direction	horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Attachments

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Video
primaryTab	false
color	#FF991F
icon	atlaskit-HipchatSdVideoIcon
id	0paor6g9p3kp
backgroundColorPalette	Default
headerStyle	Rounded

Widget Connector

overlay	youtube
_template	com/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width	1000px
url	https://www.youtube.com/watch?v=w9X1U8-_hl0&list=PLTfQ5lMxqu9pGOhqEpW-DRKdKHVI8wcXr&index=15&t=82s
height	300px

Tabs appearance: Basic + Vertical

Cfm tabs page

primaryTab	true
colorPalettes	Recently used
an.spaceKey	CFMFCC
tabsPageTitle	Tab: Text Description checking full lenghth
color	#5243AA
icon	atlaskit-MediaServicesTextIcon
fixed	true
id	st0x6vkmof
hasBorder	true
backgroundColorPalette	Recently used
headerStyle	Basic
direction	vertical

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Image
primaryTab	false
color	#FF991F
icon	atlaskit-MediaServicesImageIcon
id	norfizqfx8j
backgroundColorPalette	Default
headerStyle	Rounded

Cfm tabs page

primaryTab	false
colorPalettes	Default
tabsPageTitle	Tab: Attachment
color	#FF991F
icon	atlaskit-AttachmentIcon
fixed	true
id	gae7axe3wr6
hasBorder	false
backgroundColorPalette	Default
headerStyle	Rounded
direction	horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Attachments

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Table
color	#0052CC
icon	atlaskit-EditorTableIcon
id	loy0vdndeo
backgroundColorPalette	Default

Estimated start date: TBC

Contributors

Tasks

Status

Joseph

Faciltate ideation session.

Status

title	done

Alise

Validate hypothesis.

Status

title	Work in progres

Norris

Plan the next steps.

Status

colour	Blue
title	scoping

Cfm tabs page

primaryTab	false
colorPalettes	Recently used
tabsPageTitle	Tab: Includes Video
color	#DDDCD2
icon	atlaskit-HipchatSdVideoIcon
id	6vqymg0o53x
backgroundColorPalette	Recently used
headerStyle	Filled
direction	vertical

Widget Connector

overlay	youtube
_template	com/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width	1000px
url	https://www.youtube.com/watch?v=w9X1U8-_hl0&list=PLTfQ5lMxqu9pGOhqEpW-DRKdKHVI8wcXr&index=15&t=82s
height	300px

Tabs appearance: Filled + Vertical

Cfm tabs page

primaryTab	true
colorPalettes	Recently used
tabsPageTitle	Tab: Text Description
color	#00A3BF
icon	atlaskit-MediaServicesTextIcon
fixed	true
id	owr155bt99
hasBorder	true
backgroundColorPalette	Recently used
headerStyle	Filled
direction	vertical

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Image
primaryTab	false
color	#FF991F
icon	atlaskit-MediaServicesImageIcon
id	norfizqfx8j
backgroundColorPalette	Default
headerStyle	Rounded

Cfm tabs page

primaryTab	false
colorPalettes	Default
tabsPageTitle	Tab: Text Description
color	#FF991F
icon	atlaskit-MediaServicesTextIcon
fixed	true
id	ohobvvkw80p
hasBorder	false
backgroundColorPalette	Default
headerStyle	Rounded
direction	horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Table
color	#0052CC
icon	atlaskit-EditorTableIcon
id	loy0vdndeo
backgroundColorPalette	Default

Estimated start date: TBC

Contributors

Tasks

Status

Joseph

Faciltate ideation session.

Status

title	done

Alise

Validate hypothesis.

Status

title	Work in progres

Norris

Plan the next steps.

Status

colour	Blue
title	scoping

Cfm tabs page

primaryTab	false
colorPalettes	Default
tabsPageTitle	Tab: Attachment
color	#FF991F
icon	atlaskit-AttachmentIcon
fixed	true
id	gae7axe3wr6
hasBorder	false
backgroundColorPalette	Default
headerStyle	Rounded
direction	horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Attachments

Cfm tabs page

primaryTab	false
colorPalettes	Recently used
tabsPageTitle	Tab: Includes Video
color	#DDDCD2
icon	atlaskit-HipchatSdVideoIcon
id	6vqymg0o53x
backgroundColorPalette	Recently used
headerStyle	Filled
direction	vertical

Widget Connector

overlay	youtube
_template	com/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width	1000px
url	https://www.youtube.com/watch?v=w9X1U8-_hl0&list=PLTfQ5lMxqu9pGOhqEpW-DRKdKHVI8wcXr&index=15&t=82s
height	300px

Tabs appearance: Rounded + Vertical

Cfm tabs page

primaryTab	true
colorPalettes	Recently used
tabsPageTitle	Tab: Text Description
color	#5243AA
icon	atlaskit-MediaServicesTextIcon
fixed	true
id	6n1zcz7mggk
hasBorder	false
backgroundColorPalette	Recently used
headerStyle	Rounded
direction	vertical

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Image
primaryTab	false
color	#FF991F
icon	atlaskit-MediaServicesImageIcon
id	norfizqfx8j
backgroundColorPalette	Default
headerStyle	Rounded

Cfm tabs page

primaryTab	false
colorPalettes	Default
tabsPageTitle	Tab: Attachment
color	#FF991F
icon	atlaskit-AttachmentIcon
fixed	true
id	gae7axe3wr6
hasBorder	false
backgroundColorPalette	Default
headerStyle	Rounded
direction	horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Attachments

Cfm tabs page

colorPalettes	Default
tabsPageTitle	Tab: Includes Table
color	#0052CC
icon	atlaskit-EditorTableIcon
id	loy0vdndeo
backgroundColorPalette	Default

Estimated start date: TBC

Contributors

Tasks

Status

Joseph

Faciltate ideation session.

Status

title	done

Alise

Validate hypothesis.

Status

title	Work in progres

Norris

Plan the next steps.

Status

colour	Blue
title	scoping

Cfm tabs page

primaryTab	false
colorPalettes	Recently used
tabsPageTitle	Tab: Includes Video
color	#DDDCD2
icon	atlaskit-HipchatSdVideoIcon
id	6vqymg0o53x
backgroundColorPalette	Recently used
headerStyle	Filled
direction	vertical

Widget Connector

overlay	youtube
_template	com/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width	1000px
url	https://www.youtube.com/watch?v=w9X1U8-_hl0&list=PLTfQ5lMxqu9pGOhqEpW-DRKdKHVI8wcXr&index=15&t=82s
height	300px

Cfm background

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

More info about Tabs settings?

Auibutton

externalUrl	https://docs.adaptavist.com/cfm4cc/latest/macros/tabs
color	#F4F5F6
filterSpace	false
destination	externalUrl
textColorPalette	Default
type	standard
title	Documentation
textColor	#091E42
url
selectedUrl	https://docs.adaptavist.com/cfm4cc/latest/macros/tabs
colorPalettes	Default
id	09rucw8kbubo
alignment	center
backgroundColorPalette	Default

Cfm background

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

Need more help or have questions?

Auibutton

externalUrl	https://calendly.com/aarauzo/content-formatting-macros-demo
color	#F4F5F6
filterSpace	false
destination	externalUrl
textColorPalette	Default
type	standard
title	Book a demo call
textColor	#091E42
url
selectedUrl	https://calendly.com/aarauzo/content-formatting-macros-demo
colorPalettes	Default
id	83g367jrgx
alignment	center
backgroundColorPalette	Default

Cfm background

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

Haven't used this add-on yet?

Auibutton

externalUrl	https://marketplace.atlassian.com/apps/247
color	#F4F5F6
filterSpace	false
destination	externalUrl
textColorPalette	Default
type	standard
title	Try Now
textColor	#091E42
url
selectedUrl	https://marketplace.atlassian.com/apps/247
colorPalettes	Default
id	gn15bx7we3c
alignment	center
backgroundColorPalette	Default

Use Cases

Cfm card

externalUrl
image	https://kolekti.atlassian.net/wiki/download/attachments/33322/fq6yuh9ndki
imageName	Knowledge_Icon (1).png
color	#6AB7C3
filterSpace	false
link	https://kolekti.atlassian.net/wiki/spaces/CFMFCC/pages/33322/Knowledge+Base+CFM4C+demo+page
destination	confluencePage
textColorPalette	Recently used
title	Knowledge Base
body	Click to open >>
textColor	#FFFFFF
target	true
layout	Horizontal
selectedUrl
colorPalettes	Recently used
macroImageId	fq6yuh9ndki
id	54bikbrtwzc
imageType	Upload
backgroundColorPalette	Recently used

Cfm card

externalUrl
image	https://kolekti.atlassian.net/wiki/download/attachments/33322/5ayinm6yfa4
imageName	documentation_Bg.png
color	#6AB7C3
filterSpace	false
link	https://kolekti.atlassian.net/wiki/spaces/CFMFCC/pages/9306144/Documentation+CFM4C+Demo+Page
destination	confluencePage
textColorPalette	Recently used
title	Documentation
body	Click to open >>>
textColor	#FFFFFF
target	true
layout	Horizontal
selectedUrl
colorPalettes	Recently used
macroImageId	5ayinm6yfa4
id	dah7lpcs42l
imageType	Upload
backgroundColorPalette	Recently used

Versions Compared

Old Version 76

New Version Current

Key

Tabs 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

Tabs appearance: Basic

Tabs appearance: Filled

Tabs appearance: Rounded

Tabs appearance: Basic + Vertical

Tabs appearance: Filled + Vertical

Tabs appearance: Rounded + Vertical

More info about Tabs settings?

Need more help or have questions?

Haven't used this add-on yet?

Use Cases

Page Comparison

Versions Compared

Old Version 76

New Version Current

Key

Tabs 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

Tabs appearance: Basic

Tabs appearance: Filled

Tabs appearance: Rounded

Tabs appearance: Basic + Vertical

Tabs appearance: Filled + Vertical

Tabs appearance: Rounded + Vertical

More info about Tabs settings?

Need more help or have questions?

Haven't used this add-on yet?

Use Cases