Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Work in progress. Contact us for support!
Note
Info

Fast embed Adobe XD diagrams like a pro with beautiful tabs in Confluence or Jira

Panel
Panel
1f60d
panelIconId
panelIcon:heart_eyes:
panelIconText😍
bgColor#DEEBFF

Fast 24/7 assistance: support@appsplus.co

panelIconId1f4d7
panelIcon:green_book:
panelIconText📗
bgColor#E3FCEF

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

Status
colourRed
title🔴 LIVE DEMOS
Please let us know if any demos here become inactive!

Status
colourBlue
titlejira

Jira Legacy
serverSystem JIRA
serverId50225ea8-fa39-36cf-856c-0cdfcd6ad5b6
keyDEMOS-120

Status
colourBlue
titleconfluence

Appsplus tabs pro macro
data{"theme":"customElectric Blue","features":["titles","active","border","rounded","icons","ripples","fullscreen"],"padding":10,"height":560600,"tabFont":"Atlassian","tabSize":15,"tabBold":true,"tabItalic":false,"tabUnderline":false,"tabColor":"#ffffff","tabColorBG":"#172b4d","type":"scrollable","opacity":100,"activeColor":"#ffffff","activeColorBG":"#0052cc","borderWidth":1,"borderColor":"#ebecf0","radius":5,"hoverColor":"#ffffff","hoverColorBG":"#0052cc","iconSize":"medium","iconInline":true,"iconPrimary":"#ffffff","iconSecondary":"#172b4d","separatorWidth":1,"separatorColor":"#42526E","indicatorPercent":5,"indicatorColor":"#ff5630","indicatorColorBG":"#0052cc","hide":false,"vertical":false,"preload":true,"animate":false,"uuid":"ZDYLhvkgIJNKRvR_cnyq","isNew":false,"loaded":false,"attachmentId":"att1426391214att1493008419"}

Installation

Click the Try it free button to install a free 30 day trial:

Price: free up to 10 users! Pricing calculators: Confluence and Jira.

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

Getting Started

Status
colourBlue
titleconfluence

Status
colourGreen
titlemacro
Type /adobe xd in the editor and select Adobe XD+ in the dropdown.

View file
nameInvalid file id - UNKNOWN_MEDIA_ID
pageAI Checklists+ for Confluence

Image Added

Status
colourGreen
titleautoconvertauto embed
Paste your shared Adobe XD link directly into the editor.

View file
nameInvalid file id - UNKNOWN_MEDIA_ID
pageAI Checklists+ for Confluence

Image Added

Status
colourBlue
titlejira

Status
colourGreen
titleissue
Click the triple-dot ellipsis dropdown at the top of an issue and select Adobe XD

View file
nameInvalid file id - UNKNOWN_MEDIA_ID
pageAI Checklists+ for Confluence

(or Embeds)

Image Added

Status
colourGreen
titledashboard
Edit a dashboard, click Add gadget, search for Adobe XD and click Add

View file
nameInvalid file id - UNKNOWN_MEDIA_ID
pageAI Checklists+ for Confluence

Integration

Click Next below and follow the steps to embed Adobe XD…Image Added

Integration

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

Cross Compatibility

Status
colourPurple
titleunlock new apps!
Click one of the grey apps or bundles, install the free trial and then refresh the page.

Image Modified

Configuration

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

Iframe
srchttps://scribehow.com/embed/TabsEmbed_for_ConfluenceJira__OGjlJmDuSZuutxAMrfT1FA?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!

  • Does not access or process any data within Adobe XDyour instance or embedded tools.

  • Stores only necessary embed link and configuration data.

  • Data stored only within your Confluence/Jira instance region using content attachments or entity properties.

  • No external database.

  • No token/secret storage.

  • Static app runs client-side.

  • Ongoing vulnerability testing.

Status
colourBlue
titledata flow diagram

Image Modified

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

tabs.appsplus.co/* running on Cloudflare.

Why

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

Expand
titlePOST: Broken status

What

User-pasted links to embed external tools.

Where

api.appsplus.co/broken running on Cloudflare.

Why

To check the broken/ok HTTP status without affecting client-side Confluence performance.

Note

Links and logs are not stored.

FAQs

Expand
titleI'm getting "invalid link" or a grey error screen

The pasted link is either broken, incorrect, has a permissions issue, or it’s a bug. Click the View Tutorial button and follow the visual guide to copy the link.

If that doesn’t work please contact us via support@appsplus.co

Expand
titleHow do I edit the tab titles, colors and order?
  • Edit titles: double-click on the titles, change the text and press Enter.

  • Re-order tabs: drag and drop the tab titles.

Lefthand config sidebar (Jira: click top-right settings icon):

  • Delete tabs: click the X icon and then the red bin icon.

  • Change icons: search or view all and then select.

  • Change colors: click the color box and select a new color.

Expand
titleHow do I access the configuration options in Jira?

Click the top-right settings icon next to the fullscreen icon.

Expand
titleThe app didn't save anything I entered into it!

Jira: make sure to click the top-right Save button after making changes.

Confluence: click the bottom-right Save button in the macro editor.

If you still have problems it could be a bug. Please contact us via support@appsplus.co

Expand
titleCan I remove the tabs to have a single embed?

In Jira, no the tabs are necessary. In Confluence you can paste a shared link directly into the editor to autoconvert to a tab-less embed or you can edit the macro, select the Display tab and toggle off Tabs.

Note: you will only see the first tab item.

Expand
titleWhy is data stored in a Confluence attachment file?

Atlassian has a tiny 32kB chunk storage limit for developers. In order to keep data within your instance and allow unlimited tabs/notes/whiteboards, we decided to store that data securely inside Confluence content attachments. These attachments are named like so: appsplus-tabs-data-m-CjeVCKip.json

Note: do not delete these attachments.

Expand
titleCopy-pasting the Confluence macro overwrites tabs

This is an Atlassian bug. Follow these steps to copy-paste the macro without overwriting the tab data:

  1. Edit existing macro, click Export tab, enable the Tabs toggle and copy the data.

  2. Insert a new macro, click Export tab, enable the Tabs toggle and paste the data.

  3. Repeat for the Display configuration data if desired.

Expand
titleThere are duplicate panels on a Jira issue

This is another Atlassian bug. It doesn’t make sense to have separate panels using valuable screen space when our apps make use of tabs and are cross-compatible.

  • If one of our apps is already visible: simply add a new tab then paste your link and save.

  • To hide duplicate panels: click the top-right triple dot and then Hide {App}

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