Versions Compared

Old Version 7

changes.mady.by.user Nathan Waters

Saved on

compared with

New Version Current

changes.mady.by.user Nathan Waters

Saved on

Key

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

...

Need help? Please contact support@appsplus.co

Insert panel macro

  1. Type /panel in the editor and select Panel Macro+

  2. Or alternatively:

    1. Select the + icon in the Confluence editor, then View more.

    2. Search for “panel” or find it in the Confluence content category.

    3. Select Panel Macro+ and the custom macro editor will open.

Update panel macro

  1. In the Confluence editor, hover over the panel macro.

  2. Click the pencil edit icon to open the custom macro editor.

Show/hide features in the panel

  1. In the macro editor, select or remove features in the top-left dropdown.

  2. As you configure features and options in the sidebar, they will be reflected in realtime.

Note #1: if you select “Collapsible” it will auto-select both “Title” and “Scrollable”.

  • You will need to first remove “Collapsible” in order to remove “Title” or “Scrollable”.

Note #2: if you select “Icon” or “Lozenge” it will auto-select “Title”

  • You will need to first remove “Icon” or “Lozenge” in order to remove “Title”.

How to change colors

You're beautiful, and now your pages can be too with deeply customizable panels

Panel
panelIconId1f4d7
panelIcon:green_book:
panelIconText📗
bgColor#E3FCEF

Installation | Getting Started | Configuration | Security | FAQs | Contact

Status
colourRed
title🔴 LIVE DEMOS

Status
colourBlue
titlelinkS
Displays title anchor links for all on-page panels.

Appsplus panel macro confluence links

Status
colourBlue
titlepanelS
Displays beautiful panel macros.

Appsplus panel macro confluence macro
data{"features":["title","icon","rounded"],"title":"Standard panel 😄","titleColor":"#FFFFFF","titleColorBG":"#0052CC","titleSize":16,"titleBold":false,"titleItalic":false,"titleUnderline":false,"link":"","linkIcon":false,"linkTab":false,"lozenge":"Hot stuff","lozengeColor":"#172B4D","lozengeColorBG":"#fff0b3","height":200,"panelPadding":12,"panelColor":"#172B4D","panelColorBG":"#deebff","borderColor":"#4C9AFF","borderRadius":3,"borderStyle":"solid","borderWidth":1,"icon":"editor/info","iconPrimary":"#FFFFFF","iconSecondary":"#0052CC","newMacro":false}
titleStandard panel 😄

Like the original panel macro but so much better!

Appsplus panel macro confluence macro
data{"features":["title","icon","collapsible","rounded","lozenge"],"title":"Collapsible panel (click me!)","titleColor":"#FFFFFF","titleColorBG":"#172b4d","titleSize":16,"titleBold":false,"titleItalic":false,"titleUnderline":false,"link":"","linkIcon":false,"linkTab":false,"lozenge":"Hot stuff","lozengeColor":"#172B4D","lozengeColorBG":"#fff0b3","height":200,"panelPadding":12,"panelColor":"#ffffff","panelColorBG":"#263c65","borderColor":"#4C9AFF","borderRadius":3,"borderStyle":"solid","borderWidth":1,"icon":"jira/labs","iconPrimary":"#FFFFFF","iconSecondary":"#0052CC","newMacro":false}
titleCollapsible panel (click me!)

Your content here

Status
colourPurple
titleCOOL

Unlimited colors and 350+ icons.

Appsplus panel macro confluence macro
data{"features":["title","icon","rounded","scrollable","border"],"title":"Scrollable panel","titleColor":"#ffffff","titleColorBG":"#6554c0","titleSize":16,"titleBold":true,"titleItalic":false,"titleUnderline":false,"link":"","linkIcon":false,"linkTab":false,"lozenge":"Hot stuff","lozengeColor":"#172B4D","lozengeColorBG":"#fff0b3","height":"400","panelPadding":"30","panelColor":"#172B4D","panelColorBG":"#FFFFFF","borderColor":"#6554c0","borderRadius":3,"borderStyle":"solid","borderWidth":"2","icon":"arrow-right-circle","iconPrimary":"#172b4d","iconSecondary":"#ffffff","newMacro":false}
titleScrollable panel

Works with most Confluence macros. Contact us if any issues: support@appsplus.co

Image Added

A

B

C

1

2

3

4

5

6

Installation

Image Added

  1. Open https://marketplace.atlassian.com/apps/1223394/panel-macro-for-confluence

  2. Click the Try it free button for a free 30 day trial.

  3. Install to your Confluence instance.

Pricing: free up to 10 users or use the pricing calculator.

Note: an active payment method is required to install apps.

Getting Started

Status
colourBlue
titlepanels
Type /panel in the editor and select Panel Macro+

Image Added

Status
colourBlue
titlelinks
Type /panel in the editor and select Panel Macro+ Links

Image Added

Configuration

Click Next below to step through all of the features and configuration options...

Iframe
srchttps://scribehow.com/embed/Atlassian_Workflow__rKyllD86RjqmfZjG_Dbofg?skipIntro=true
width100%
frameborderhide
styleborder: 1px solid #eee; border-radius: 5px; box-sizing: border-box;
height600

Security

Exceeds the highest of security and data privacy standards:

  • 100% Cloud Fortified!

  • Data stored only within your Confluence instance region using macroParameters and macroBody.

  • No external database.

  • No token/secret storage.

  • Static app runs client-side.

  • Ongoing vulnerability testing.

Image Added

Status
colourBlue
titledata flow diagram

Image Added

Status
colourYellow
titleapps+ details

Transparent technical details of the secure data flows in/out of Apps+

Expand
titleGET: App

What

Static build of the app.

Where

panel-macro.appsplus.co running on Cloudflare.

Why

Loads all the HTML, CSS and JS required to run the app.

FAQs

Expand
titleHow do I add content?

First you need to insert the macro. Then in the Confluence editor simply click into the macro text area and add your content. The panel will display after publishing the page.

Expand
titleHow do I change colors?

There are unlimited color options! Click on one of the colored boxes to open the color picker. From there you can select a preset color, use the color picker or paste a HEX color code.

...

Click on one of the 15 preset Atlassian-standard colors.

...

Or drag the two circles around until you land on the perfect color.

...

Note: you can also paste in a HEX color code.

Adding content to the panel

...

Expand
titleHow do I change the icon?

Make sure Icon is visible within the features dropdown. Scroll to the bottom of the config sidebar, search for an icon (or view all) and select an icon. You can then change the primary and secondary icon color.

Expand
titleWhat is collapsible, scrollable and expanded?

Collapsible panels can be collapsed or expanded (like an accordion). By setting Expanded the panel will start in an open/expanded state. Scrollable panels have a fixed height which can be set under the Height field.

Expand
titleMacros not displaying correctly inside the panel

Atlassian prevents 3rd party macros from being inserted into the panel and also many official Confluence macros will not render correctly. Please send us a screenshot with the issue and we’ll attempt to deploy a workaround: support@appsplus.co

Contact

Our team provide fast 24/7 support. We typically respond within minutes-hours and aim to resolve any problems in the same day.

✅ Any questions

✅ Technical support

✅ Feature requests

Status
colourGreen
titleONLINE NOW

Panel
panelIconId1f60d
panelIcon:heart_eyes:
panelIconText😍
bgColor#DEEBFF

support@appsplus.co

🕓 Mon-Sun 24hrs

🌏 Sydney, Australia

Similar Apps

Countdown Timer+ for Confluence