Utilizing Full Width of Meeting Side Panel

Question

Hi,&nbsp;I am exploring in-meeting applications and using https://github.com/OfficeDev/Microsoft-Teams-Samples/tree/main/samples/meetings-token-app/csharp as template. While customizing the UI, I noticed that the actual iframe that gets displayed in the meeting side panel has a width of 280px as compared to 320px mentioned in the docs. My entire React App gets displayed in this frame no matter what. Is there any way I can utilize the full space and get rid of unnecessary margin?&nbsp;ThanksTehreem

subba_reddi_tummuru · Answer

Check if below article helps: https://docs.microsoft.com/en-us/microsoftteams/platform/resources/removing-tab-margins&nbsp;Note: This update is in Developer preview

mallipriya_msft · Answer

Hi tehreemf,&nbsp;Currently we don't have control over changing or utilizing the full width of the side panel. You can raise user voice here.

tehreemf · Answer

Okay. Thank you for your response.Is there also no way to change the margins around app title? I see a huge chunk of space both above and below the title and 'x' button.

mamatha-msft · Answer

Hi&nbsp;tehreemf, Right now this is the default design of the teams. Customization is not allowed.&nbsp;

tehreemf · Answer

Hi Subba_Reddi_Tummuru,Thank you for letting me know about this update. Any idea how I can update to the latest Teams version to see these changes? I'm using developer preview (version 1.4.00.7174 released on March 3). As the document says new changes will be there on March 5th in developer preview, I figured there must be a new update but I'm not able to get it..?

Forum Discussion

Utilizing Full Width of Meeting Side Panel

9 Replies