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

Making map background (no data areas) color white?

jameshawks

Would this be done in the MXD, config.xml or in stylesheet swf?

Find more posts tagged with

Accepted answers

All comments

JoshuaCoates

How do you set it up to where the outside around the map is white....and then the actual basemap or map itself is a different color? Can you do this?

jameshawks

I found a blackgold.css in the source files. I edited that and replaced the pointed to blackgold.swf to blackgold.css and it worked.

MLowry

However, in version 2.1 of the ArcGIS Viewer for Flex (once it is released) you will be able to set the main colors in the main configuration file.

Hi Bjorn, is there a proposed release date yet?

Thanks!

BjornSvensson

FYI:
For the beta it is correct that you need to download the source code for the viewer, then use Flash Builder to compile the CSS into SWF.

However, in version 2.1 of the ArcGIS Viewer for Flex (once it is released) you will be able to set the main colors in the main configuration file.

RobertScheitlin__GISP

James,

To adjust the CSS files you have to have the Source code for the FlexViewer and adjust the values in the CSS and then have them recompile to swf.

jameshawks

I'm still a bit confused about those "CSS" files (blackgold, lighterside, etc). They're not traditional CSS files, they are in .swf format. Which means I need the mxml files to recompile them in flashbuildier and the mxml files dont come with the flex viewer.

RobertScheitlin__GISP

James,

Yep, by default the FlexViewer 2.0 use blackgold.css

and you would change the background-color.

Application
{
    background-color: #333333;          /* behind the map.  Spark default is #FFFFFF; */
    /* affects only non-Modules : HTMLPopup (SplashWidget and "About") */
    color: black;
    /* affects only title/subtitle (unless .BannerTitle is in this file) and non-Modules : HTMLPopup (SplashWidget and "About") */
    font-size: 12;
}

jameshawks

This is in the Flex Viewer 2.0. So I suspect it would be in one of swfs ? Blackgold, ligherside etc?

RobertScheitlin__GISP

James,

The CSS is where you would do this if you are talking about a FlexViewer App (either 1.3 or 2.0). But if you are just talking a non Flex Viewer app than you can just set the backgroundColor of the Application element.

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.