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

Configuring JS Basic Viewer app

MichaelThompson2

Hi all,
I downloaded the JS template for the Basic Viewer to try and figure out how to configure and host an app on my desktop computer. From there I guess I am sort of lost. Do I just need to edit the index.html file with my specific info and call it good? I tried doing that and I just get nothing. Am I missing something (or lots of things?) necessary?

Thanks everyone!

JS_apptemplate.jpg

Find more posts tagged with

Accepted answers

All comments

MichaelThompson2

Michael:

You were trying to run that Javascript code on a machine without tomcat or iis?

I was running the code on a machine with iis and I was getting numerous errors, so I think that will only solve some of your problems.

Yeah, so I don't know what I'm doing. Honestly, I appreciate you guys chiming in to help me but I just don't think I have the knowledge to do this right now. I didn't even know what Tomcat was until Jeff mentioned it. I have some learning to do.

Thank guys!!

MikeVolz

Michael:

You were trying to run that Javascript code on a machine without tomcat or iis?

I was running the code on a machine with iis and I was getting numerous errors, so I think that will only solve some of your problems.

MichaelThompson2

no its not, just an old template.

Just so you know, you cant just run the file from the filesystem, it must be hosted in a webserver such as tomcat or iis

Jeff! I just saw something saying I need to have this on a server for it to work. Tomorrow I am going to IKEA with my little brother who is sysadmin. I think I'll see he can teach me about servers during our four hours of drive time 🙂

MikeVolz

Michael:

I would suggest using the many Javascript samples on ESRI's resource page as they provide simple examples which are easier to understand and you can put the samples together to create more complex applications.

JeffPace1

no its not, just an old template.

Just so you know, you cant just run the file from the filesystem, it must be hosted in a webserver such as tomcat or iis

MichaelThompson2

Is this template part of the Beta testing for a configurable JS Viewer that ESRI plans on releasing some time in the summer?

No, this is the Basic Template javascript template that is posted at Github. When you create an application from an AGOL map there is an option to download the template and that redirects you to Github to download a zip file. I thought maybe it was as easy as unzipping the files, reference my AGOL web map's ID in the html file, and then open it with a browser. I'm starting to understand I may be a little too noob for this!

MikeVolz

Is this template part of the Beta testing for a configurable JS Viewer that ESRI plans on releasing some time in the summer?

MichaelThompson2

Have you tried using any debugging tools such as FireBug for FireFox or Developer Tools (F12) in Chrome?

There is definitely an issue with the below line

<link rel="stylesheet" type="text/css" href="css/layout.css">

as the code does not know where to look for this stylesheet.

Yeah, I don't really know how to use those types of tools yet. I am new to JS so I was sort of hoping downloading the template would be almost plug an play.

As far as the CSS goes, it wouldn't see the "css" folder and the layout.css file in the css folder? The html document and the css folder are in the same directory...

MikeVolz

Have you tried using any debugging tools such as FireBug for FireFox or Developer Tools (F12) in Chrome?

There is definitely an issue with the below line

<link rel="stylesheet" type="text/css" href="css/layout.css">

as the code does not know where to look for this stylesheet.

MichaelThompson2

Can you post the code so I can read what are you calling?

Do you have teamviewer?

You can find me in this team viewer at hchapa@lrgvdc91.org.
I can help you trouble shoot download the teamviewer and create an acccount from there I can see your computer.
Is free.

I don't have Teamviewer but I did attach the txt file of the page I am trying to configure.

test.txt.zip

HectorChapa

Can you post the code so I can read what are you calling?

Do you have teamviewer?

You can find me in this team viewer at hchapa@lrgvdc91.org.
I can help you trouble shoot download the teamviewer and create an acccount from there I can see your computer.
Is free.

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.