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; } } }

Trying to create custom "titleText" for Print template

Anonymous User

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();

}

Find more posts tagged with

Accepted answers

JasonZou

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.

All comments

JasonZou

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

Anonymous User

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!!!!!

490_1.jpg

JasonZou

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;
});

Anonymous User

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?

JasonZou

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}

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.