topic Re: How to print selected attributes on parcels in WAB application in ArcGIS Web AppBuilder Questions

How to print selected attributes on parcels in WAB application

JamesMarok1 — Fri, 07 Oct 2016 15:14:49 GMT

How-to guide on adding selected parcel information to the Print Service for a WAB application. Thanks Robert

Re: How to print selected attributes on parcels in WAB application

RobertScheitlin__GISP — Sat, 11 Dec 2021 10:58:40 GMT

James,

The first part of this is following the tutorial for creating a custom print service:

Tutorial: Publishing additional services for printing—Documentation (10.3 and 10.3.1) | ArcGIS for Server

then follow this blog post (even know it says printing popups):

Printing Popups from Web Application | ArcGIS Blog

I personally have made changes to the Print Widgets Print.js to look for a specific layer in the map and if that layer is present then add certain attributes to the layouts customTextElements.

So in the Print.js print function:

    print: function() {
      if (this.printSettingsFormDijit.isValid()) {
        var form = this.printSettingsFormDijit.get('value');
        lang.mixin(form, this.layoutMetadataDijit.get('value'));
        this.preserve = this.preserveFormDijit.get('value');
        lang.mixin(form, this.preserve);
        this.layoutForm = this.layoutFormDijit.get('value');
        var mapQualityForm = this.mapQualityFormDijit.get('value');
        var mapOnlyForm = this.mapOnlyFormDijit.get('value');
        lang.mixin(mapOnlyForm, mapQualityForm);

        var elementsObj = this.customTextElementsDijit.get('value');
        var cteArray = [];
        for (var p in elementsObj) {
          var cte = {};
          cte[p] = elementsObj[p];
          cteArray.push(cte);
        }

        var template = new PrintTemplate();
        template.format = form.format;
        template.layout = form.layout;
        template.preserveScale = (form.preserveScale === 'true' || form.preserveScale === 'force');
        template.label = form.title;
        template.exportOptions = mapOnlyForm;
//Hide map attribution
        template.showAttribution = false;
//end my change
        template.layoutOptions = {
          authorText: form.author,
          copyrightText: form.copyright,
          legendLayers: (this.layoutForm.legend.length > 0 && this.layoutForm.legend[0]) ?
            null : [],
          titleText: form.title,
          customTextElements: cteArray
        };
//See if there is a parcel search layer added to the map
        var plyr;
        array.some(this.map.graphicsLayerIds, lang.hitch(this, function (layerId) {
          var lyr = this.map.getLayer(layerId);
          if(lyr.name === "Search Results: Parcels"){
            plyr = lyr;
            return true;
          }
        }));
        if(plyr){
          var xppins = "", obj, cTextElements = [];
          array.map(plyr.graphics, lang.hitch(this, function(gra, index){
            if (plyr.graphics.length === 1){
              obj = {OwnerName: "Owner Name: " + gra.attributes.NAME};
              cTextElements.push(obj);
              obj = {PPIN: "PPIN: " + gra.attributes.PPIN};
              cTextElements.push(obj);
              obj = {ParcelNum: "Parcel Number: " + gra.attributes.PARCEL_NUMBER};
              cTextElements.push(obj);
              obj = {StreetAdd: "Street Address: " + gra.attributes.STREET_ADDRESS};
              cTextElements.push(obj);
            }else if (plyr.graphics.length > 1){
              if (xppins === ""){
                xppins = gra.attributes.PPIN;
              } else {
                if([7,16,25,34,43,52,61,70,79,88,97].indexOf(index) > -1){
                  xppins = xppins + ",\r\n" + gra.attributes.PPIN;
                }else{
                  xppins = xppins + ", " + gra.attributes.PPIN;
                }
              }
              obj = {OwnerName: "Selected PPINs: " + xppins};
              cTextElements.push(obj);
            }
            template.layoutOptions.customTextElements = cTextElements;
          }));
        }
//end my change
        this.printparams.template = template;
        this.printparams.extraParameters = { // come from source code of jsapi
          printFlag: true
        };
        var fileHandel = this.printTask.execute(this.printparams);

        var result = new printResultDijit({
          count: this.count.toString(),
          icon: (form.format === "PDF") ? this.pdfIcon : this.imageIcon,
          docName: form.title,
          title: form.format + ', ' + form.layout,
          fileHandle: fileHandel,
          nls: this.nls
        }).placeAt(this.printResultsNode, 'last');
        result.startup();
        domStyle.set(this.clearActionBarNode, 'display', 'block');
        this.count++;
      } else {
        this.printSettingsFormDijit.validate();
      }
    },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: How to print selected attributes on parcels in WAB application

JamesMarok1 — Thu, 20 Oct 2016 17:11:52 GMT

I've tried to use that Blog about 40 times now, but I don't seem to understand the link between the customtextelements and parcel layer information and getting them into the map document, all I get is errors, or blank pages.

Re: How to print selected attributes on parcels in WAB application

RobertScheitlin__GISP — Thu, 20 Oct 2016 17:49:02 GMT

James,

Not sure if I can explain it any better then the blog post. Once you have your custom text element added to your custom layout for your custom print service, then the print service will just add any text provided in the customTextElements array object that it can find a matching element name for in the print template. So as you can see in my code provided previously "OwnerName" is a custom text element in my print layout and the code:

obj = {OwnerName: "Owner Name: " + gra.attributes.NAME};

Adds the custom text element object to the layoutTemplates customTextElements array.

Re: How to print selected attributes on parcels in WAB application

JamesMarok1 — Thu, 03 Nov 2016 15:53:21 GMT

Can you share the full Print.js your using.

Re: How to print selected attributes on parcels in WAB application

RobertScheitlin__GISP — Thu, 03 Nov 2016 16:08:03 GMT

James,

Sure find it attached.

Re: How to print selected attributes on parcels in WAB application

JamesMarok1 — Thu, 03 Nov 2016 19:39:59 GMT

Thank you! I was finally able to solve the issue, it turns out the data wasn't being pushed into the operational layer.

Re: How to print selected attributes on parcels in WAB application

RobertScheitlin__GISP — Thu, 03 Nov 2016 19:48:29 GMT

Don't forget to mark this question as answered by clicking on the "Correct Answer" link on the reply that answered your question.

Re: How to print selected attributes on parcels in WAB application

CCWeedcontrol — Mon, 21 Nov 2016 23:57:04 GMT

Robert this would be a really cool feature to your Enhanced Search Widget.

Re: How to print selected attributes on parcels in WAB application

LaurenLindsay — Tue, 07 Feb 2017 17:07:52 GMT

Hi Robert,

So, I have followed the tutorial Tanu Posted for printing the popups(Printing Popups from Web Application, #2).

The print service works- map is printed, feature is selected.. but no attributes on the second page.

It appears the problem is seemingly very simple...

The attributes of the popups I want to print are from a rest service layer, which is within the map of the app.

The attributes of the popup only come from one layer.

The attributes have names and aliases, and are named differently in the popups as well.

What name do I put in the "Element Name" text box in the properties box in arcmap when setting up my layout mxd?

The field names listed in the rest service? (PARCELID) The alias names?(Parcel Ident...)

or the names listed in the popup configuration? (i.e. Owner, Sale Price...)

Or something completely different? (like FIELDS)

Then, how should the syntax be changed in the script?

Thank you so much for your help!

Re: How to print selected attributes on parcels in WAB application

RobertScheitlin__GISP — Wed, 08 Feb 2017 14:13:59 GMT

Lauren,

In that custom python script you are referencing each of the selected features attributes should be printed.

It would look like this:

Layer Name

Field name Field value

..... ................

If you are not getting this then you have made a mistake or missed a step.

The Discussion James an I are having in this thread does not use that custom python script print service. I make edits to the Print widget in WAB Dev Edition to check for a specific graphics layer in the app and take that GLs specific attributes and add them to the print widgets cTextElements (custom text elements object). The names of those custom text elements match the names of the elements in my custom print layout template.

Re: How to print selected attributes on parcels in WAB application

JamesMarok1 — Tue, 18 Apr 2017 15:02:42 GMT

I recently upgraded to Developer 2.4 and ESearch 2.4 and this no longer seems to work, the operational layer doesn't supply the Print widget the parcel details anymore. Any ideas to why?

Re: How to print selected attributes on parcels in WAB application

RobertScheitlin__GISP — Wed, 19 Apr 2017 13:13:05 GMT

James,

I made the changes to the Print.js in a new 2.4 app and made sure that the eSearch widgets result were added as an operational layer and the print widget was using my print service that had the custom print template and I had no issue at all.

Re: How to print selected attributes on parcels in WAB application

JamesMarok1 — Wed, 19 Apr 2017 13:56:37 GMT

Well I made it work again by downgrading the Print and Esearch Widgets back to 2.1.2, I couldn't get them to work in the new 2.4, I guess I'll have to try remaking everything from the start.

Re: How to print selected attributes on parcels in WAB application

RobertScheitlin__GISP — Wed, 19 Apr 2017 14:16:07 GMT

Strange, Like I said I used 2.4 WAB and 2.4 versions of the widgets without issue.

Re: How to print selected attributes on parcels in WAB application

JeffPace — Wed, 19 Apr 2017 17:35:54 GMT

Robert, do you have it working with a popup (not a search result)?

Re: How to print selected attributes on parcels in WAB application

RobertScheitlin__GISP — Wed, 19 Apr 2017 17:39:38 GMT

I personally do not but one of the blog I linked to earlier does.

Re: How to print selected attributes on parcels in WAB application

KyleSchwizer — Sat, 11 Dec 2021 10:58:43 GMT

Jeff,

Did you end up finding how to point the lyr.name portion below to look for a popup instead of the search result? I got it to work based on Robert Scheitlin, GISP modifications to the Print.js but i am now looking to get it to work for a popup.

  // See if there is a parcel search layer added to the map
        var plyr;
        array.some(this.map.graphicsLayerIds, lang.hitch(this, function (layerId) {
          var lyr = this.map.getLayer(layerId);
          if(lyr.name === "Search Results: Account #"){
            plyr = lyr;
            return true;‍‍‍‍‍‍‍

Re: How to print selected attributes on parcels in WAB application

KyleSchwizer — Fri, 21 Jul 2017 15:13:47 GMT

I finally found the post and portion of code that will do this. Here is the link for anyone else that is looking to do this as well.

Re: How to print selected attributes on parcels in WAB application

JamesMarok1 — Tue, 21 Nov 2017 20:21:54 GMT

While I did finally get this to work in 2.4 I am now having trouble getting it to work in 2.6 seems like there is much more code in the Print.js now. Have you deployed it to 2.6 yet?