Draw.io (Draw.io plugin v 6.3.4.1) in Confluence:
I am making a diagram that shows multiple workflows, to be displayed in confluence. I would like a way, say with buttons, to help viewer focus on different workflows. I know I could keep different workflows in different layers. How do I now create configurations of selected layers and tie that to buttons in draw.io/confluence?
Draw.io in Confluence: For multiple overlayed workflows button to focus on different workflows
confluencedraw.io
Related Solutions
The way I do this is pretty simple, I added a bookmark/shortcut that executes the click on the monospace button like so:
javascript:$('#rte-monospace').click();
If you use Google Chrome, simply right click bookmark bar, choose "Add Page" and add the javascript snippet in the "URL" field, with any "Name".
E.g:
You can also add a keyboard shortcut to the function, using tinyMce's interface directly. Again adding a snippet in a bookmark bar is easiest:
javascript:tinyMCE.activeEditor.addShortcut("ctrl+alt+m","monospace","confMonospace");
Clicking the shortcut enables a toggle toggles the shortcut for the current page. Using it by hitting ctrl+alt+m will mark the selected text as monospaced.
This was mentioned in the related JIRA issue as commented by @ andreas-klöber.
For bonus points, get greasemonkey or tampermonkey and paste in your user script, and update the matching urls to always execute on your confluence domain. Here is an example for the official atlassian confluence site:
// ==UserScript==
// @name Toggle Confluence monospace with ctrl+alt+m
// @namespace http://tampermonkey.net/
// @version 0.2
// @description add keyboard shortcut to toggle monospace styling for selected text
// @author Pavel Savshenko
// @match https://confluence.atlassian.com/pages/editpage.action*
// @grant none
// ==/UserScript==
(function() {
'use strict';
if (tinyMCE && tinyMCE.activeEditor) {
console.log("Monospace patch loading");
tinyMCE.activeEditor.addShortcut("ctrl+alt+m","monospace","confMonospace");
}
})();
This again comes from a comment in the JIRA issue mentioned.
Try File, Edit and replace shape=xy with shape=zx using a text editor.
Best Answer
you can do that with layer. You may know the layer functionality in MS Visio, also draw.io provide that feature to implement a ton of information in one diagram and differ them between multiple view levels. The user has the possibility to check and uncheck layers for different information views.
You´ll find that in the global menu under "view" and then the third menu "layer".
Please check that out.