Removal of white space around report in Browser

[PowerBIUserHoop]

Hi,

I am trying to create a POWER BI report in a browser which will occupy the whol browser window.

currently there is lost of space either side of the report content, can this be removed? 

my config is as follows:

reportLoadConfig = {
type: "report",
tokenType: models.TokenType.Embed,
accessToken: embedParams.EmbedToken.Token,
// You can embed different reports as per your need
embedUrl: embedParams.EmbedReport[0].EmbedUrl,

// Enable this setting to remove gray shoulders from embedded report
settings: {
filterPaneEnabled: ReportInforMation.filterPaneEnabled,//false,// getreportInforMation.filterPaneEnabled,
navContentPaneEnabled: ReportInforMation.navContentPaneEnabled//false,// getreportInforMation.navContentPaneEnabled,

}
};

The page section is set to be a width of 100%, but there is a gap either side of the report seen below. 

is there something which can be added to the above configuration to remove the unused space (highlighted in yellow below)?

Many thanks in advance 

[lbendlin]

Make sure this is an actual problem with your report users. Default monitors still have a 16:9 ratio.

[PowerBIUserHoop · Accepted solution]

Hi, 

Thanks for the reply.

I think this should be possible using CSS to control the height and width of the 'report-container'

 height: 100vh; /* For 100% screen height */
    width:  100vw; /* For 100% screen width */

a variation on the above should work.