Web App Builder Version 2.7 - A Bug with 2D Jewelry Box Widget Icon Placement?

[IanPeebles]

I have downloaded and installed the latest Web App Builder (WAB) version 2.7.  When building an application and testing, I have noticed strange behavior with the icons that I did not have with version 2.6.  I can make simple customizations, that work and have no errors or any issues in version 2.6, but there are issues in 2.7.  Here is an example:

When the application loads (notice black lines over search widget):

The widgets are hidden over the search widget.

When the application is refreshed our the page size changes

There is something strange going on here.  There are no errors in console mode and the issue has been replicated in Microsoft Internet Explorer 11 and Mozilla FireFox.

[LefterisKoumis]

Thank you! Yes, it fixed it.

[GregRieck]

This is a great solution and has worked for me where I have a sidebar widget. However, now I have a site without a sidebar widget. This site is a view only site. I still want to display widgets in the header for basemap, legend and layer list. But, because of this bug etc. they don't display. Where would I put your suggested "window._absolutLayoutManager.resize();" so that it is executed?

GR

[AaronLeese1]

I can't think of somewhere off the top of my head that would automatically execute it. Have you considered switching to the foldable theme instead of the jewelry box theme as an alternative? I've not experienced this odd behavior with the foldable theme, and the two themes are very similar other than the slide out window.

: : : : : : : : : : : : : : : : : : : : : : : : :

Aaron T. Leese

Data Scientist – Data Analytics & Insights

[RobertScheitlin__GISP]

Greg,

   Place it in the postCreate of the HeaderController widget.

[GregRieck]

Thank you for your continued help on this issue. I do not want to change themes. I use the slide out window for the editor.

I tried placing the code in the HeaderController widget and it didn't help. Does this issue exist in WAB 2.8?@

postCreate: function() {

   this.inherited(arguments);

   this._processGroupSetting();

   this.switchableElements.title = this.titleNode;

   this.switchableElements.links = this.linksNode;

   this.switchableElements.subtitle = this.subtitleNode;

   this._handleTitleColorAndLogoLink(this.appConfig);

   if (this.position && this.position.height) {

      this.height = this.position.height;

   }

    // if (!this.appConfig.portalUrl) {

   html.setStyle(this.signInSectionNode, 'display', 'none');

    // } else { // html.setStyle(this.signInSectionNode, 'display', '');

   // }

   if (this.appConfig && this.appConfig.logo) {

      this.logoNode.src = this.appConfig.logo;

      html.removeClass(this.logoNode, 'hide-logo');

   } else {

      this.logoNode.src = "";

      html.addClass(this.logoNode, 'hide-logo');

   }

   this.switchableElements.title.innerHTML = utils.sanitizeHTML(this.appConfig.title ? this.appConfig.title : '');    this.switchableElements.subtitle.innerHTML = utils.sanitizeHTML(this.appConfig.subtitle ? this.appConfig.subtitle : '');    this._createDynamicLinks(this.appConfig.links);

   this._setElementsSize();

    this.own(on(this.domNode, mouse.enter, lang.hitch(this, function() {

      var title = '';

      var portalUrl = this.appConfig && this.appConfig.portalUrl || '';

      var server = portalUrlUtils.getServerByUrl(portalUrl);

      if (portalUrlUtils.isArcGIScom(server)) {

         server = 'ArcGIS.com';

      } if (server) {

         title = this.nls.signInTo + ' ' + server;

      }

      this.signinLinkNode.title = title;

   })));

   window._absolutLayoutManager.resize();

},

[LefterisKoumis]

Hello Greg.  I had similar issues with 2.7 but not with 2.8.

[RobertScheitlin__GISP]

Yep it was fixed in 2.8.

[IanPeebles]

I upgraded to WAB 2.8 a couple of months ago.  Do not notice any issues.  Might be the best option for those who experience the issue at this point.