Select to view content in your preferred language

WAB - Printplus Widget Layout dropdown list - How to get rid of some items

1835
6
Jump to solution
02-23-2017 02:07 PM
RickeyFight
MVP Regular Contributor

I am wondering how to get rid of some items in the drop down list in WAB print widget. 

For this webapp I only need 2 templates.

If it is not in the Config don't have it on the list. 

0 Kudos
1 Solution

Accepted Solutions
RickeyFight
MVP Regular Contributor

I found the solution.

The issue was the No title block. Since all my templates have title blocks I just removed the lines from my code and now it works with Roberts edits

    _handlePrintInfo: function(data) {
      var Layout_Template = array.filter(data.parameters, function(param) {
        return param.name === "Layout_Template";
      });
      if (Layout_Template.length === 0) {
        console.log("print service parameters name for templates must be \"Layout_Template\"");
        return;
      }

      var layoutParam;
      var layoutItems = array.map(Layout_Template[0].choiceList, lang.hitch(this, function(item) {

        layoutParam = this.layoutParams[item];
 

      // using Roberts example I was able to adapt this
      
         if(item !== "MAP_ONLY" && item !== "Elevation8x11Portrait" && item !== "Elevation8x11Landscape" && item !== "PreApp_8.5x11Portrait" && item !== "UtilityLocates8x11Portrait" && item !== "UtilityLocates8x11Landscape" && item !== "PreApp_8.5x11Landscape"){
          return {
            label: item,
            value: item
                  
          };
     }
      }));
       
       // Comment out this whole section     
    /*    // Filter out the No Title Block templates 
      var index;
      var noTbLayouts = [];
      if (this.noTitleBlockPrefix) {
        layoutItems = array.filter(layoutItems, lang.hitch(this, function(item) {
          index = item.value.indexOf(this.noTitleBlockPrefix);
          if (index === 0) {
            noTbLayouts.push(item.value.slice(this.noTitleBlockPrefix.length));
            return false;
          } else {
            return true;
          }
          return item.label.indexOf(this.noTitleBlockPrefix) !== 0;
        }));
      }
      
      // Add a property to the layouts that have a corresponding "no title block" layout.
      if (noTbLayouts.length) {
        array.forEach(layoutItems, function(item) {
          item.noTb = array.indexOf(noTbLayouts, item.value) !== -1;
        });
      }
      */
      // Sort the layouts in the order they are listed in layoutParams (config.json).  If a layout is not included in layoutParams
      // (and has not been eliminated by the noTitleBlockPrefix filter above), put it at the end of the list.
      var keys = functional.keys(this.layoutParams);
      var bIndex;
      layoutItems.sort(function(a, b) {
        bIndex = array.indexOf(keys, b.value);
        return (bIndex !== -1) ? array.indexOf(keys, a.value) - bIndex : -1;
      });
      this.layoutDijit.addOption(layoutItems);
      
      this.mapSheetParams.layout = this.defaultLayout ? this.defaultLayout : Layout_Template[0].defaultValue;
      this.layoutDijit.set('value', this.mapSheetParams.layout);
      this.onStateChange('LAYOUT', this.mapSheetParams.layout);
      
      var Format = array.filter(data.parameters, function(param) {
        return param.name === "Format";
      });
      if (Format.length === 0) {
        console.log("print service parameters name for format must be \"Format\"");
        return;
      }

      var formatItems = array.map(Format[0].choiceList, function(item) {
  //Remove the EPS, SVG, and SVGZ formats
 
          return {
            label: item,
            value: item
          };
      
//end my change
          // return {
          //   label: item,
          //   value: item
          // };
        });
      
      formatItems.sort(function(a, b) {
        return (a.label > b.label) ? 1 : ((b.label > a.label) ? -1 : 0);
      });
      
      this.formatDijit.addOption(formatItems);
      if (this.defaultFormat) {
        this.formatDijit.set('value', this.defaultFormat);
      } else {
        this.formatDijit.set('value', Format[0].defaultValue);
      }
    },

View solution in original post

0 Kudos
6 Replies
RebeccaStrauch__GISP
MVP Emeritus

Take a look at https://community.esri.com/thread/190691-wab-print-widget   from a couple days ago.

RickeyFight
MVP Regular Contributor

rastrauch‌ I don't know how I missed that. Thanks! 

0 Kudos
RebeccaStrauch__GISP
MVP Emeritus

     guess I should add it to my resource list too.

0 Kudos
RickeyFight
MVP Regular Contributor

One issue is that I am using the Printplus widget so I will have to adapt that code to my own. 

0 Kudos
RebeccaStrauch__GISP
MVP Emeritus

Post the update when you have it and I'll include this thread too.

0 Kudos
RickeyFight
MVP Regular Contributor

I found the solution.

The issue was the No title block. Since all my templates have title blocks I just removed the lines from my code and now it works with Roberts edits

    _handlePrintInfo: function(data) {
      var Layout_Template = array.filter(data.parameters, function(param) {
        return param.name === "Layout_Template";
      });
      if (Layout_Template.length === 0) {
        console.log("print service parameters name for templates must be \"Layout_Template\"");
        return;
      }

      var layoutParam;
      var layoutItems = array.map(Layout_Template[0].choiceList, lang.hitch(this, function(item) {

        layoutParam = this.layoutParams[item];
 

      // using Roberts example I was able to adapt this
      
         if(item !== "MAP_ONLY" && item !== "Elevation8x11Portrait" && item !== "Elevation8x11Landscape" && item !== "PreApp_8.5x11Portrait" && item !== "UtilityLocates8x11Portrait" && item !== "UtilityLocates8x11Landscape" && item !== "PreApp_8.5x11Landscape"){
          return {
            label: item,
            value: item
                  
          };
     }
      }));
       
       // Comment out this whole section     
    /*    // Filter out the No Title Block templates 
      var index;
      var noTbLayouts = [];
      if (this.noTitleBlockPrefix) {
        layoutItems = array.filter(layoutItems, lang.hitch(this, function(item) {
          index = item.value.indexOf(this.noTitleBlockPrefix);
          if (index === 0) {
            noTbLayouts.push(item.value.slice(this.noTitleBlockPrefix.length));
            return false;
          } else {
            return true;
          }
          return item.label.indexOf(this.noTitleBlockPrefix) !== 0;
        }));
      }
      
      // Add a property to the layouts that have a corresponding "no title block" layout.
      if (noTbLayouts.length) {
        array.forEach(layoutItems, function(item) {
          item.noTb = array.indexOf(noTbLayouts, item.value) !== -1;
        });
      }
      */
      // Sort the layouts in the order they are listed in layoutParams (config.json).  If a layout is not included in layoutParams
      // (and has not been eliminated by the noTitleBlockPrefix filter above), put it at the end of the list.
      var keys = functional.keys(this.layoutParams);
      var bIndex;
      layoutItems.sort(function(a, b) {
        bIndex = array.indexOf(keys, b.value);
        return (bIndex !== -1) ? array.indexOf(keys, a.value) - bIndex : -1;
      });
      this.layoutDijit.addOption(layoutItems);
      
      this.mapSheetParams.layout = this.defaultLayout ? this.defaultLayout : Layout_Template[0].defaultValue;
      this.layoutDijit.set('value', this.mapSheetParams.layout);
      this.onStateChange('LAYOUT', this.mapSheetParams.layout);
      
      var Format = array.filter(data.parameters, function(param) {
        return param.name === "Format";
      });
      if (Format.length === 0) {
        console.log("print service parameters name for format must be \"Format\"");
        return;
      }

      var formatItems = array.map(Format[0].choiceList, function(item) {
  //Remove the EPS, SVG, and SVGZ formats
 
          return {
            label: item,
            value: item
          };
      
//end my change
          // return {
          //   label: item,
          //   value: item
          // };
        });
      
      formatItems.sort(function(a, b) {
        return (a.label > b.label) ? 1 : ((b.label > a.label) ? -1 : 0);
      });
      
      this.formatDijit.addOption(formatItems);
      if (this.defaultFormat) {
        this.formatDijit.set('value', this.defaultFormat);
      } else {
        this.formatDijit.set('value', Format[0].defaultValue);
      }
    },
0 Kudos