Skip to main content
Answered

Change size of BottomPanel


Hi

How do I change the size of the BottomPanel when opening it from javascript?

 

miro.initialize({
    extensionPoints: {
      bottomBar: {
        title: 'Timer',
        svgIcon: icon24,
        onClick: () => {
          miro.board.ui.openBottomPanel('index.html')
        }
      },
    }
  })

Best answer by Boris Borodyansky

Hey Tomas,

You can path parameters for the size right there: 

openBottomPanel(iframeURL: string, options?: {width?: number; height?: number}): Promise<any>

 

here’s the line in SDK docs that should help: https://github.com/miroapp/app-examples/blob/e6a6b167edad582b9aa4bcb50eb7e6c7d0b00372/miro.d.ts#L220

 

 

View original
Was it helpful?

5 replies

Marina
Mironeer
Forum|alt.badge.img+5
  • Mironeer
  • 991 replies
  • April 22, 2020

Hi @Tomas Mundt-Petersen,

I will move your question to the Developer Forum, - you are most likely to get help there :wink:  


Boris Borodyansky
Mironeer
Forum|alt.badge.img+1

Hey Tomas,

You can path parameters for the size right there: 

openBottomPanel(iframeURL: string, options?: {width?: number; height?: number}): Promise<any>

 

here’s the line in SDK docs that should help: https://github.com/miroapp/app-examples/blob/e6a6b167edad582b9aa4bcb50eb7e6c7d0b00372/miro.d.ts#L220

 

 


Great, worked fine!

Any idea on how to prevent the BottomPanel from hiding when using Presentation Mode?


Boris Borodyansky
Mironeer
Forum|alt.badge.img+1

Unfortunately not possible right now =(

 

Why would you need it together with presentation mode?


I would like to display an automated timer following a given schedule so each team gets their time to present in the meeting.

It kind of works if you set the height to 200px then only half of the BottomPanel is hidden in presentation mode :)


Reply