topic Re: Trying to create custom "titleText" for Print template in ArcGIS JavaScript Maps SDK Questions

Trying to create custom "titleText" for Print template

Anonymous User — Fri, 08 Nov 2013 15:32:05 GMT

I'm trying a custom print title, so that the user can enter a specific map title. I'm able to create the prompt but I get an error saying that the mapTitle is not able to be defined. Any ideas?

function createPrintDijit() {
var printTemplates = [
{
   "name": "Landscape",
   "label": "Landscape",
   "format": "pdf",
   "layout": "Landscape",
   "exportOptions": {
    dpi : 300,
   },
   "layoutOptions": {
    "legendLayers": [],
    "titleText": mapTitle,
    "authorText": "GIS Division",
    "copyrightText": "Murray City",
    "scalebarUnit": "Miles"
            }
},
{
   "name": "Portrait",
   "label": "Portrait",
   "format": "pdf",
   "layout": "Portrait",
   "exportOptions": {
    dpi : 300,
   },
   "layoutOptions": {
    "legendLayers": [],
    "titleText": mapTitle,
    "authorText": "GIS Division",
    "copyrightText": "Murray City",
    "scalebarUnit": "Miles"
            }
},
]

var templates = [];
        dojo.forEach(printTemplates, function(lo) {
          var t = new esri.tasks.PrintTemplate();
          t.printTemplate = lo.name;
          t.label = lo.label;
          t.format = lo.format;
          t.layout = lo.layout;
          t.exportOptions = {"dpi":"300"};
          t.layoutOptions = {"titleText": mapTitle,}
          templates.push(t);
        });

var printer = new esri.dijit.Print(
{
    map: map,
    templates: templates,
    url: "http://gisfile:6080/arcgis/rest/services/Printing/MurrayPrinting/GPServer/Export%20Web%20Map",
    "content": {
              "f": "json"
            }
},
    dojo.byId("printButton")

);

dojo.connect(printer, "onPrintStart", function(){
mapTitle = prompt ("Enter the Map title");
                            this.templates[1].layoutOptions.titleText = mapTitle;

      });
printer.startup();

}

Re: Trying to create custom "titleText" for Print template

JasonZou — Fri, 08 Nov 2013 17:05:10 GMT

Try to make the below changes.

If mapTitle is not declared, declare it and give its initial value right below function createPrintDijit() {:

var mapTitle = "Default Title";

Change:

t.layoutOptions = {"titleText": mapTitle,}

To:

t.layoutOptions = {"titleText": mapTitle}

Re: Trying to create custom "titleText" for Print template

Anonymous User — Fri, 08 Nov 2013 17:25:40 GMT

Thanks for the reply,
Removing the comma, fixes it so that I don't get the error of mapTitle not defined. But it doesn't change the title based on the input variable, the title stays the same as to what it was defined when the createprintdigit was created. It seems like you need to defined the variable of the map title before the print button or createprintdigit is even created?

Re: Trying to create custom "titleText" for Print template

JasonZou — Sat, 11 Dec 2021 13:17:13 GMT

Ben,

In your code, you only change the titleText of the second template, not all of them.

this.templates[ 1].layoutOptions.titleText = mapTitle;

Change it to:

array.forEach(this.templates, function(aTemplate) {
    aTemplate.layoutOptions.titleText = mapTitle;
});

Not sure how you implement the print GUI. In my app, I use a <select> element to host all the template options, so the user can select which template they like. Then after prompt for the map title, you will know which template's titleText to change instead of changing for all templates.

Re: Trying to create custom "titleText" for Print template

Anonymous User — Fri, 08 Nov 2013 17:48:01 GMT

Jason
That's it! I changed the code to:

var i;
for (i = 0; i < this.templates.length; i++) {
this.templates.layoutOptions.titleText = mapTitle;
}

And now its working, Thank you for your help!!!!!

Re: Trying to create custom "titleText" for Print template

JasonZou — Fri, 08 Nov 2013 17:50:15 GMT

Glad to help, Ben:) Please consider to mark the thread as Answered so other people may find it helpful. Thanks.