Skip to main content
Answered

Change size of BottomPanel

  • April 21, 2020
  • 5 replies
  • 3251 views
T

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

 

 

    5 replies

    Marina
    Mironeer
    Forum|alt.badge.img+5
    • Marina
    • 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

     

     

    Developer Platform PM at Miro
    T

    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?

    Developer Platform PM at Miro
    T

    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 :)


    Terms & ConditionsAccessibility statement