topic Re: Simple Map Viewer template in ArcGIS JavaScript Maps SDK Questions

Simple Map Viewer template

MichaelThompson2 — Mon, 02 Jun 2014 21:13:39 GMT

I downloaded the Simple Map Viewer template and have been poking around in the html and css files. I can't seem to figure out where I need to be making changes in order to see them in the application with regard to layout, padding, colors, etc.

In the html file there is this bit

[HTML]    
    <link rel="stylesheet" href="https://community.esri.com//js.arcgis.com/3.9/js/dojo/dijit/themes/tundra/tundra.css">
    <link rel="stylesheet" href="https://community.esri.com//js.arcgis.com/3.9/js/esri/css/esri.css">
    
    <link rel="stylesheet" href="css/main.css">[/HTML]

and I feel like this is an important area but I only see changes when I change the css file on the last line. The template comes with a few css files but not all of them change anything. the iPhone.css and the pavement.css files make some pretty big changes, but then when I go to edit those css files, those changes don't show up on the page. Am I trying to edit in the right places?

Re: Simple Map Viewer template

KenBuja — Sun, 12 Dec 2021 00:01:26 GMT

Have you included the references to these other css files in the HTML code? That would be something like


<link rel="stylesheet" href="css/iPhone.css">
<link rel="stylesheet" href="css/pavement.css">

Re: Simple Map Viewer template

MichaelThompson2 — Sun, 12 Dec 2021 00:01:29 GMT

Have you included the references to these other css files in the HTML code? That would be something like
<link rel="stylesheet" href="css/iPhone.css">
<link rel="stylesheet" href="css/pavement.css">

I guess I don't know exactly how stylesheets work. You can reference more than one and they won't conflict?

Re: Simple Map Viewer template

LisCollins — Tue, 03 Jun 2014 14:43:44 GMT

For changing the layout, have you tired looking into the layout.js file in the javascript folder?

Re: Simple Map Viewer template

JeffJacobson — Tue, 03 Jun 2014 14:50:12 GMT

I guess I don't know exactly how stylesheets work. You can reference more than one and they won't conflict?

It is very common for a web page to use more than one CSS file. A rule in later stylesheet (referenced lower in the HTML document) can override a rule set by an earlier one.