Forum Discussion

Russell Gove's avatar
Russell Gove
Iron Contributor
Dec 20, 2016

Increase size of workarea on SPFX Workbench.aspx

Can I or  How do I make the workspace bigger on Workbench.aspx (the spfx workbench)
mujassir's avatar
mujassir
Copper Contributor
Dec 07, 2020

I have added the following styles in my module.scss file and it worked perfectly for me.

:global {
      #workbenchPageContent, .CanvasComponent.LCS .CanvasZone {
        max-width: 100% !important;
      }
    
    }
  • Cardinal_Night's avatar
    Cardinal_Night
    Brass Contributor
    Dec 14, 2020

    mujassir Where do you add it in the scss file? Encompassing all other elements? or just at the top?

     

    It's not working for me, it doesn't accept :global for a start, if I change it to .global it does, but still, doesn't work for me.

     

    Update: keeping the code as Mujassir suggests, DOES work on spfx. This is a much quicker solution. Well done.

     

Resources