How can we help you today?

Known Issue: Full Screen Sections Are Not Taking Full Screen Width

Issue

If you're using a Modern Team Site or a Modern Communication site, and full-screen sections have suddenly stopped working. This is currently affecting all public ShortPoint versions.

The problem might manifest itself in a few different ways. Common issues include:

  • the section layout changes from full-width to standard and the section does not cover full screen width anymore;
  • the background of the section stops working;
  • we will be adding other common issues here as we will be getting more user data.

Reason

Microsoft has recently released some silent updates to its HTML page structure. Silent updates are updates that are not publicly planned nor documented, so ShortPoint has to react in real time to these changes.


Solution

You can add some JavaScript code in the ShortPoint Theme Builder to solve the issue. Please follow the steps below.


Step 1. Open the Theme Builder


Launch the modern ShortPoint Theme Builder by navigating to ShortPoint Dashboard > Theme Builder > Modern. Wait until the Theme Builder panel opens up like below:



Step 2. Navigate to the Custom JS section

Navigate to the Utilities category, then click on Custom JavaScript:



Step 3. Add the fix code

Add the following code in the text box:


shortpoint.core.platform.getBodyWrapper=function() {
if (shortpoint.core.platform.isSharePoint()) {
if (!shortpoint.util.isCurrentPageModern()) {
var bodyContainer = shortpoint.$('#s4-bodyContainer');                 if (!bodyContainer.children('#s4-titlerow').length) {

return bodyContainer.parent();
} return bodyContainer;
}
var $scrollWrapper = shortpoint.$(shortpoint.core.platform.getScrollWrapper());
var $bodyWrapper = $scrollWrapper.find('[class*=canvasWrapper]');      return $bodyWrapper;
} else {
shortpoint.warn('getBodyWrapper method was not tested on this platform');
return shortpoint.$('body');
}
}

Press Apply and finally Publish.


That's it, full-screen sections should start to work again as expected.


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 22 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more