SharePoint Online 2013 with Edge or Chrome Oslo modal layout

sharepoint.stackexchange https://sharepoint.stackexchange.com/questions/232519

  •  07-01-2021
  •  | 
  •  

Question

I couldn't figure out how to fix this issue with Edge or Chrome. Rather than display all the fields on a single modal page, it adds a scroll bar when there are plenty of blank space at the bottom.

I have the following css attached to the newifs.aspx (using Oslo layout):

<style unselectable="on">
#contentBox {
margin-left:20px!important;
}
#sideNavBox {
width:20px;margin-left:0px;margin-right:0px;
}
</style>

The webpart appearance is set to adjust height/width to fit zone. enter image description here

Was it helpful?

Solution

I found out that SharePoint has an inline style: <div id="s4-workspace" style="width: 758px; height: 450px; overflow-y: auto;">

So I just added the following in the css to override the height:

#s4-workspace { heigh:800px !important; overflow: auto !important}

seems to fix the issue.

Licensed under: CC-BY-SA with attribution
Not affiliated with sharepoint.stackexchange
scroll top