nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Chrome 52 and WAB 2.0 DE site - Print widget does not show advanced options

LeeAllen

I had a user that was not seeing all of the options in the print widget, namely the advanced button and title, etc - print button does show up. Once I noticed they were using Chrome 52, I upgraded and that is the problem. I haven't found any other widgets that have been affected yet. The Print widget tries to load and then I get a time out message. It does work properly in IE11. As half my users are on Chrome - not good.

Property Search

Is there a fix for this? Has anyone else noticed? Would upgrading to WAB DE 2.1 fix the issue?

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

Lee,

It is affecting 1.3, 2.0 and 2.1 sites. The workaround if to setup a proxy (if you have not dome so yet) and modify the Print.js file to have the _getPrintTaskInfo function esriRequest to use the proxy (line 17).

_getPrintTaskInfo: function() {
      // portal own print url: portalname/arcgis/sharing/tools/newPrint
      var def = new Deferred();
      if (this._isNewPrintUrl) { // portal own print url
        def.resolve({
          isGPPrint: false
        });
      } else {
        esriRequest({
          url: this.printTaskURL,
          content: {
            f: "json"
          },
          callbackParamName: "callback",
          handleAs: "json",
          timeout: 60000
        },{useProxy: true, usePost: false}).then(lang.hitch(this, function(data) {
            def.resolve({
              isGPPrint: true,
              data: data
            });
          }), lang.hitch(this, function(err) {
            def.resolve({
              error: err
            });
          })
        );
      }

      return def;
    },

All comments

MichaelJenkins

We had this problem too, starting about August 10. Today we found that updating Chrome to version 53.02 fixes the problem, so we did not have to manually modify any code.

Thanks for all the details in this thread.

ZeZhengLi

Hi all,

This is a bug of chrome52Issue 633696 - chromium - onreadystatechange not fired for 304 Not Modified - Monorail .

To solve the problem in Print, we just need to prevent cache in chrome52.

client/stemapp/widgets/Print/Print.js

client/stemapp/widgets/Print/Widget.js

If there still have problems please let me know.

Thanks,

Zezheng

RobertScheitlin__GISP

Jianxia,

Can you provide a code snippet for the changes we need to make for the fix until the next version comes out?

JianxiaSong

The issue has been fixed at app level and will be available in AGOL September release and Developer Editon 2.2.

Thanks,

DaveOrlando

note - September 1st, 2016 - Chrome updated to 53 and the problem still exists.

JianxiaSong

Information from JSAPI team:
This is a known bug that chrome introduced at Chrome 52. Here is the active chrome 52 bug around this issue.
https://bugs.chromium.org/p/chromium/issues/detail?id=633696
It references a duplicate issue that exhibits the behavior we are seeing in comment 15. A patch is under review in chromium. The workaround is to bust the cache by introducing a timestamp in the request.
The bug also does not show up if you submit the second request in another context. The fix may be in a patch for chrome 52.

ErwinSoekianto

yes, you can download previous version from here, SDK Downloads | ArcGIS for Developers

SebastianRoberts

Erwin,

I tried to install the patch for 1.3, and now I when I click on the OK button when creating a new app, I get this error:

TypeError: Object doesn't support property or method 'stripHTML'

at _createAppNode (https://myMachine:3344/webappbuilder/builder/main.js:2622:162)

Any ideas? Can I get the old 1.3 developer download so that I can replace my main.js file so that I am able to at least create a new app?

ErwinSoekianto

or you can just set the mustMatch parameter to be false in the proxy.config and no need to have any serverurl

ErwinSoekianto

We have a patch for WAB for this specific issue with Chrome 51

2.0 - Web AppBuilder 2.0 patch for Chrome51

1.3 - https://community.esri.com/docs/DOC-8391

1.2 - Web AppBuilder 1.2 patch for Chrome 51.0.2704.63

ErwinSoekianto

Robert is a living legend

LeeAllen

To configure just the print widget to work properly, I did not use Client IDs or App IDs, I don't believe. Here is what I wrote down for myself.

// for proxy.config file

<?xml version="1.0" encoding="utf-8" ?>
<ProxyConfig allowedReferers="*"
mustMatch="false">
<serverUrls>
<serverUrl url="http://mydomain.com"
matchAll="true"/>
</serverUrls>
</ProxyConfig>

//in the config.json file:
//scroll to bottom about line 518: make sure httpProxy is set to:
},
"wabVersion": "2.0.1",
"isTemplateApp": true,
"isWebTier": false,
"httpProxy": {
"useProxy": true,
"alwaysUseProxy": false,
"url": "http://yourdomain.com/folder/Proxy/proxy.ashx",
"rules": []

//And in the widgets\print\print.js file: about line 187 is set to useProxy
_getPrintTaskInfo: function() {
// portal own print url: portalname/arcgis/sharing/tools/newPrint
var def = new Deferred();
if (this._isNewPrintUrl) { // portal own print url
def.resolve({
isGPPrint: false
});
} else {
esriRequest({
url: this.printTaskURL,
content: {
f: "json"
},
callbackParamName: "callback",
handleAs: "json",
timeout: 60000
},{useProxy: true, usePost: false}).then(lang.hitch(this, function(data) {
def.resolve({
isGPPrint: true,
data: data
});
}), lang.hitch(this, function(err) {
def.resolve({
error: err
});
})
);
}

return def;
},

LeoLadefian5

I'm trying to set up a proxy as well, I don't have any secure services, so do I need the Client Id's and app Id's still?

I haven't registered any of my applications, I just host them on a server.

LeeAllen

Thank you Robert, you saved the day again. I had to go through all the steps to set up the proxy first, but finally got all my apps back up and running. BTW - esri support thinks you are a legend!

For anyone looking for the information on how to set up a proxy - here are the links:

Setting up a Proxy | Support Services Blog

Setting up a proxy with Web AppBuilder Developer Edition | Support Services Blog

My workflow now is to download the code from WAB, then edit the config.json and print.js files.

Since I did not utilize secure services for this site, I did not have specific rules to add in the config.json inside the [].

RobertScheitlin__GISP

You need to contact esri tech support and see if they can resolve this issue

MichaelMiller2

That works for Developer Edition Apps, but what about those that are built using AGOL WAB?

RobertScheitlin__GISP

Lee,

_getPrintTaskInfo: function() {
      // portal own print url: portalname/arcgis/sharing/tools/newPrint
      var def = new Deferred();
      if (this._isNewPrintUrl) { // portal own print url
        def.resolve({
          isGPPrint: false
        });
      } else {
        esriRequest({
          url: this.printTaskURL,
          content: {
            f: "json"
          },
          callbackParamName: "callback",
          handleAs: "json",
          timeout: 60000
        },{useProxy: true, usePost: false}).then(lang.hitch(this, function(data) {
            def.resolve({
              isGPPrint: true,
              data: data
            });
          }), lang.hitch(this, function(err) {
            def.resolve({
              error: err
            });
          })
        );
      }

      return def;
    },

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.