Toggle focus mode
An action button toggles hiding the editor side panels for maximum canvas space.
Code to copy
try {
var ID = 'jz-canva-zen-style';
var existing = document.getElementById(ID);
if (existing) {
existing.remove();
} else {
var css = '[class*="sidePanel" i],[class*="objectPanel" i]' +
'{display:none !important;}' +
'[class*="canvasContainer" i]{padding:4px !important;}';
var style = document.createElement('style');
style.id = ID;
style.textContent = css;
(document.head || document.documentElement).appendChild(style);
}
} catch (e) {
console.warn('Canva zen toggle failed:', e);
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.
Rate this example
No ratings yet — be the first.