topic Re: Web App Builder - How to change Print Advanced Setting Defaults? in ArcGIS JavaScript Maps SDK Questions

Web App Builder - How to change Print Advanced Setting Defaults?

IanPeebles — Wed, 04 Oct 2017 13:57:35 GMT

Hello. Does anyone know how to over-ride the print widget Advanced Settings that are set by default? I figured out how to add in the following code in the print.js file located at: <appName>\Widgets\Print\Print.js to change the print height and width, but the default settings still show up.

My Custom Code:

ESRI Default Code:

The default settings are not much bigger than post card settings.

Any help is appreciated

Re: Web App Builder - How to change Print Advanced Setting Defaults?

RobertScheitlin__GISP — Sat, 11 Dec 2021 13:44:02 GMT

Ian,

In the templates folder open the Print.html and make changes to the width, height and dpi inputs:

i.e. data-dojo-props="name:'dpi',required:true,value:96,style:'width:100px;'"

                <div data-dojo-type="dijit/form/Form" data-dojo-attach-point="mapOnlyFormDijit">
                    <table cellspacing="5">
                        <tr>
                            <td>
                                ${nls.width}:
                            </td>
                            <td>
                                <input type="text" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props="name:'width',required:true,value:670,style:'width:100px;'"
                                />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                ${nls.height}:
                            </td>
                            <td>
                                <input type="text" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props="name:'height',required:true,value:500,style:'width:100px;'"
                                />
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="font-weight:bold;">
                    ${nls.printQualityOptions}:
                </div>
                <div data-dojo-type="dijit/form/Form" data-dojo-attach-point="mapQualityFormDijit">
                    <table cellspacing="5">
                        <tr>
                            <td>
                                ${nls.dpi}:
                            </td>
                            <td>
                                <input type="text" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props="name:'dpi',required:true,value:200,style:'width:100px;'"
                                />
                            </td>
                        </tr>
                    </table>
                </div>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Web App Builder - How to change Print Advanced Setting Defaults?

IanPeebles — Wed, 04 Oct 2017 15:07:17 GMT

Robert,

Perfect! This helped tremendously. I did remove my hard coded line that I posted above since that does override the settings in the Advanced settings. Thank you again for your help!

Re: Web App Builder - How to change Print Advanced Setting Defaults?

JürgenAchilles — Thu, 22 Mar 2018 02:23:05 GMT

Hi Ian

where did you find the Print.html ?

Regards

Jürgen

Re: Web App Builder - How to change Print Advanced Setting Defaults?

JürgenAchilles — Thu, 22 Mar 2018 02:27:08 GMT

Hi Robert

where did you find the Print.html ?

regards

Jürgen

Re: Web App Builder - How to change Print Advanced Setting Defaults?

IanPeebles — Thu, 22 Mar 2018 12:28:47 GMT

Jurgen,

In the Web App Builder code, follow these steps:

Open the application directory (from inetpub\wwwroot\<appName>).
Open the Widgets folder.
Open the Print folder.
Open the templates folder.
Open the Print.html file.

Refer to the code highlighted in red. This is where you can change the height and width properties. Other parts of the file contain other settings you can change.

Find the following code:

                <div data-dojo-type="dijit/form/Form" data-dojo-attach-point="mapOnlyFormDijit">
                    <table cellspacing="5">
                        <tr>
                            <td>
                                ${nls.width}:
                            </td>
                            <td>
                                <input type="text" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props="name:'width',required:true,value:1615,style:'width:100px;'"
                                />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                ${nls.height}:
                            </td>
                            <td>
                                <input type="text" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props="name:'height',required:true,value:1245,style:'width:100px;'"
                                />
                            </td>
                        </tr>
                    </table>
                </div>

Hope this helps.

Re: Web App Builder - How to change Print Advanced Setting Defaults?

KubaSzostak1 — Wed, 12 Sep 2018 08:09:04 GMT

In ArcGIS Portal 10.5 you have to modify also Widget.js and Print.js file located in one of folders:

C:\Program Files\ArcGIS\Portal\apps\webappbuilder\stemapp\widgets\Print\Print.js
C:\Program Files\ArcGIS\Portal\apps\webappviewer\widgets\Print\Print.js

Search for 'dpi' and find something like in picture below:

Regards,

Kuba