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

Print Dijit works in sandbox but not in html...?

ralphholmes

Greetings All,

So I have been working on building a java script API map for some time now and I am at a point where I am trying to add in a print template. I have been working off of the samples provided and get the print drop down button to display and function as it should in my application when working in the ArcGIS API for java script sandbox...

However when I take the same code back into my HTML document and test it the button does not appear at all...

It also seems that if I take the sample codes provided into an html document and test them they produce the same effect. The print button does not display at all.

This is the only issue that I am having with my API at this time.

I can post code segments if needed but the print functionality is verbatim from sample provided from

https://developers.arcgis.com/javascript/jssamples/widget_print_esri_request.html

Thanks for your help with this issue.

Vind meer berichten getagd met

Accepted answers

All comments

JonathanUihlein

Hello and welcome to the forums!

It sounds like this may be a proxy issue. Have you followed the guide for setting up a valid proxy?

ralphholmes

I was not aware that a proxy service needed to be set up, can you link me to the walk-through please and i'll give it a try?

JeffPace1

Also remember you cannot run html simply in the browser, it MUST be served up on a web server.

ralphholmes

the application that I am developing is currently being served through our website. Everything functions we just thought it would be nice to have an internal print button with print templates...

You may be right about the proxy thing

I currently use

esriConfig.defaults.io.proxyUrl = "/proxy";

Which is what the samples use, but I found another example this morning in stackOverflow that uses

esri.config.defaults.io.proxyUrl = "/arcgisserver/apis/javascript/proxy/proxy.ashx";

Which leads me to believe that the samples being shown in the resources have something setup and all calling it "/proxy"...

JeffPace1

that path needs to be correct to a file in your application

ralphholmes

OK,

So...

I went and did my own digging through the forum ocean and fished out a few things.

Post about Proxy's here

to my understanding I need the proxy file because the rest server for my print service lives in a different server than the one that the map is being hosted on...?

I downloaded the Java proxy from GitHub and pointed

esriConfig.defaults.io.proxyUrl="";

at it and it still is not working.

The only thing that i can think of is the proxy file either is not configured properly or it is not in the correct directory. (the proxy file currently lives in a network drive in the same folder as the html page). Neither I nor the web designer in my office have ever used a proxy page before and the Readme file is a little confusing.

Any help would be appreciated

JeffPace1

for a proxy at the same spot as the index.nthl, it should be

esri.config.defaults.io.proxyUrl = 'proxy.jsp';

esri.config.defaults.io.proxyUrl = 'proxy.php';

etc... based on which version you chose to use

ralphholmes

It looks like the web guy in the office is using PHP

I tried simply pointing the code at 'proxy.php' and no luck...

JeffPace1

I feel like you are skipping alot of steps, you can not just change a line of code and expect this to work.

You need to download the proxy.php page, add it to your application at the same location as your index.html page, and configure the proxy to access the locations you want access to

More information on configuring a proxy can be found at

https://developers.arcgis.com/javascript/jshelp/ags_proxy.html

specifically

" Download the appropriate proxy for your platform from GitHub. Each proxy download includes installation instructions and information on any system requirements make sure you follow these instructions in order to setup and configure the proxy on your web server."

ralphholmes

alright i'll take a look...

JeffPace1

your code is pointing (based on above) to sampleserver6.arcgisonline.com for the printing service, but your proxy only allows access to

<serverUrl url="http://services.arcgisonline.com"
matchAll="true"/>

ralphholmes

So after Reading the Reedme again I have more questions...

The [yourmachine] part of proxyUrl... is this the external server location for the proxy file?
if so how can i determine what the external path is?

Currently <ProxyConfig allowedReferers> is set to "*" should I replace this with the web address for the html page?
Should I include any links that I have in my application in this section as well?

For the <serverUrls> should I include both the rest server for the print templates and the server for the html page?

Do both need to be matchall= "true"?

Again thank you for your help. I have never set up a proxy before...

JonathanUihlein

According to the console, your syntax is wrong.

For example:

	<script>om/3.11/esri/css/esri.css">
	</style>

I recommend using tools like jshint and jslint combined with your browser's console and web-dev-tools to find these types of errors.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.