topic Re: WebAppbuilder splash screen size in ArcGIS Web AppBuilder Questions

WebAppbuilder splash screen size

AveKargaja — Thu, 09 Jun 2016 11:12:17 GMT

Before I go a bit crazy while digging the code I just wanted to ask if anybody knows by heart where I can change the default splash screen size.

changing the numbers from

widgets\Splash\css\style.css

.jimu-widget-splash-desktop.envelope

is sadly not enough

WAB version 2.0.1

Thanks

Ramon

Re: WebAppbuilder splash screen size

RobertScheitlin__GISP — Sun, 12 Dec 2021 07:40:02 GMT

Ramon

If I add this to the style.css then the splash is resized (lines 6 & 7 Added):

.jimu-widget-splash-desktop .splash-container{  
  position: absolute;  
  display: inline-block;  
  background-color: #485566;  
  box-shadow: 0 0 4px rgba(160, 160, 160, 0.4);  
  width: 800px;  
  height: 600px;  
}

Now if you want the splash content to take up the new height then make this adjustment to the css:

.jimu-widget-splash-desktop .custom-content{  
  /*width: 560px;*/  
  margin: 20px auto;  
  overflow: auto;  
  color: #fff;  
  /*max-height: 388px;*/  
  height: 470px;  
}

And you want the new splash size to be centered:

.jimu-widget-splash-desktop .envelope{
  max-height: 600px;
  max-width: 800px;
}

and in the Widget.js _changeStatus function comment out this line:

html.setStyle(this.customContentNode, 'height', 'auto');

Re: WebAppbuilder splash screen size

AveKargaja — Thu, 09 Jun 2016 13:18:38 GMT

Awesome, thank You very much @Robert Scheitlin