Answered

Change size of BottomPanel

  • 21 April 2020
  • 5 replies
  • 3194 views

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')
        }
      },
    }
  })

icon

Best answer by Boris Borodyansky 22 April 2020, 08:00

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

5 replies

Hi @Tomas Mundt-Petersen,

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

Userlevel 4
Badge +8

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?

Userlevel 4
Badge +8

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