topic Re: Web App Builder dijit Splash question in ArcGIS Web AppBuilder Questions

Web App Builder dijit Splash question

JasonSheldon — Tue, 07 Aug 2018 04:35:47 GMT

Hi all,

I'm trying to call the dijit splash when a user clicks a login on the adopta web app builder app. The app has a nice splash, that we're using as a disclaimer. I'd like to call that exact splash when the user clicks login. I've found the javascript that calls the login, and was able to add some javascript to do a confirm, but I'm using an standard javascript confirm function, and that doesn't let me add html to the form. Any help would be greatly appreciated! The app is http://gis.naperville.il.us/adoptastormdrain Thanks!

Re: Web App Builder dijit Splash question

RobertScheitlin__GISP — Sat, 11 Dec 2021 09:21:57 GMT

Jason,

You just need to get a reference to the splash widget and call it's startup function.

Helper function to add to the widget you are calling the splash widget from:

      _getWidgetConfig: function(widgetName){
        var widgetCnfg = null;
        array.some(this.wManager.appConfig.widgetPool.widgets, function(aWidget) {
          if(aWidget.name == widgetName) {
            widgetCnfg = aWidget;
            return true;
          }
          return false;
        });
        if(!widgetCnfg){
          /*Check OnScreen widgets if not found in widgetPool*/
          array.some(this.wManager.appConfig.widgetOnScreen.widgets, function(aWidget) {
            if(aWidget.name == widgetName) {
              widgetCnfg = aWidget;
              return true;
            }
            return false;
          });
        }
        return widgetCnfg;
      },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Code to actually open the splash widget:

var widgetCfg = this._getWidgetConfig('Splash');
var splashWidget = WidgetManager.getInstance().getWidgetByLabel(widgetCfg.label);
splashWidget.startup();‍‍‍

Re: Web App Builder dijit Splash question

JasonSheldon — Wed, 08 Aug 2018 14:29:25 GMT

Hi Robert,

Thanks much for the reply! I tried using the code as above inside the login.js but am getting errors saying that the appConfig property is undefined. Maybe putting this inside the login.js is the wrong place? Will keep trying, as I think I see how it should be working. I'm guessing it should be in the Widget.js for the Adopta widget...

Jason

Re: Web App Builder dijit Splash question

RobertScheitlin__GISP — Thu, 09 Aug 2018 15:30:14 GMT

Jason,

Yes the widget.js is the better place that way it has the appConfig object.

Re: Web App Builder dijit Splash question

JasonSheldon — Thu, 09 Aug 2018 19:51:24 GMT

Thanks Robert,

I put the code in the widget.js, and it was able to get the widget, but I'm having trouble figuring out how to call the splashWidget.startup() from the button click event in the login.js.

Thanks again for your help, it's been a good learning exercise for me and I appreciate it!

Re: Web App Builder dijit Splash question

RobertScheitlin__GISP — Thu, 09 Aug 2018 20:31:29 GMT

Jason,

Sorry I am not familiar with a login.js file in WAB. My best advice is to make a window level variable that has the splash widget object that can be accessed by this login.js file.

Re: Web App Builder dijit Splash question

JasonSheldon — Thu, 09 Aug 2018 22:17:54 GMT

Thanks Robert, good idea! The issue I was having was that the widget manager would only ever return the Adopta widget, and not the the splash widget, so even though it would find the widget config with this.appConfig, if I added the widgetmanager (it wasn't there by default) it isn't able to find the widget using .getWidgetByLabel() . Hopefully this makes sense!

Re: Web App Builder dijit Splash question

RobertScheitlin__GISP — Thu, 09 Aug 2018 22:35:42 GMT

Jason,

Hmm. I never had that issue before.

Re: Web App Builder dijit Splash question

MarkLache1 — Thu, 16 Aug 2018 17:59:44 GMT

I'm looking to alter my login screen from the stock WAB secured service screen to something more modern. Is the code above a good option?

My current login screen:

Re: Web App Builder dijit Splash question

RobertScheitlin__GISP — Thu, 16 Aug 2018 18:12:27 GMT

Mark,

See this thread for your answer:

https://community.esri.com/thread/200287-is-it-possible-to-customize-the-login-page-in-portal-for-arcgis#comment-710254

Re: Web App Builder dijit Splash question

MarkLache1 — Tue, 28 Aug 2018 16:51:31 GMT

This login screen is not as nice as portal, nor does it have an option to customize it. App is hosted on my own web server.

Re: Web App Builder dijit Splash question

RobertScheitlin__GISP — Tue, 28 Aug 2018 17:01:51 GMT

Exactly, there is no option to customize it.