Global switch to turn off frame borders, shadows, and titles / Frames without shadow


Hi,

I’m using Miro to make a UX wireframe flow.  This diagram has no fixed format. Now if I want to make a presentation, I need to add frames around parts of my flow. But I can’t do this because of the drop shadows that are added to the frames.

Please give an option to hide or change the borders of a frame.

Then Miro could be used like a Prezi presentation.

Regards,
Steven

I tweaked @UselesssCat‘s excellent suggestion to make the bookmarklet act as a toggle:

javascript: (async ()=>{let miroFrames = await miro.board.widgets.get({type:"FRAME"});visible=miroFrames[0].clientVisible;miroFrames.forEach(async e => {await miro.board.widgets.update({id: e.id, clientVisible: !visible})});})()

 


If the solution can be implemented with a bookmarklet, it really can’t be that hard to integrate this option in the product, no?


I tested it but the board doesnt save these changes. Anyway you can do that every time you make a presentation :/

I think that an extension can be made to add buttons to hide/show borders, but i think the the work is not worth it since you can make a bookmarklet.

 

Create a bookmark and in the URL put the code:

javascript: (async ()=>{let miroFrames = await miro.board.widgets.get({type:"FRAME"});miroFrames.forEach(async e => {await miro.board.widgets.update({id: e.id, clientVisible: false})});})()

So you can name it “miro hide frames”
 

 

This is epic, thank you so much!! 

Building on top of this, if you change the last word ‘false’ to ‘true’, you can create a bookmarklet in the same way to show the frames again. 

P.S. I’m now trying to trigger this bookmarklet via my El Gato Streamdeck. I’m not sure it will work, have failed so far but have asked someone on Fiverr to try to figure it out. If anyone has tips for that, let me know :) 


I tweaked @UselesssCat‘s excellent suggestion to make the bookmarklet act as a toggle:

javascript: (async ()=>{let miroFrames = await miro.board.widgets.get({type:"FRAME"});visible=miroFrames[0].clientVisible;miroFrames.forEach(async e => {await miro.board.widgets.update({id: e.id, clientVisible: !visible})});})()

 

oh even easier to toggle, thx! 


@UselesssCat thanks for workaround however neither the code pasted in the console or the bookmarklet work. 

Any suggestions?


Great thread - agree this is a much-needed feature. @Miro Support Team any movement on making this happen?