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

Color Scheme Change

MalcolmEchaluce

I don't know how else to title this so please excuse that right off the bat.

I have a flex application that all of a sudden switched up in colors on me. Please see image of the awful white controls.

[ATTACH=CONFIG]22383[/ATTACH]

Does anybody know which widget, control, xml, etc., this part of the application is for me to take a look at and see why it changed the color on me all of a sudden? Maybe at one point, I got too clicky or careless and either deleted something or typed something within the line of code for that, but I am having a very difficult time trying to revert back to the blue that it was as shown behind the other widgets on the top menu. It also shows plain white as the background (and it should be bluish) for the contents of the widgets as well (see image)

[ATTACH=CONFIG]22385[/ATTACH]

Thanks!

color.JPG

widget.JPG

Vind meer berichten getagd met

Accepted answers

All comments

Anonymous User

Original User: rzufelt

Malcolm,

It looks like maybe you are using an older viewer? What version is it? any chance you have upgraded some skins or something from a newer version?

R_

MalcolmEchaluce

Malcolm,

I am not sure where to point you from here. All the things I had you check are the likely culprits, short of that I really don't know.

You could try and use a different color scheme like the black and gold and see if it changes anything:
<style>
    <colors>0xFFFFFF,0x333333,0x101010,0x000000,0xFFD700</colors>
    <alpha>0.8</alpha>
</style>

Thanks, Robert. I have changed it before and it didn't fix the problem. I appreciate all your advice though.

Anonymous User

Original User: rscheitlin

Malcolm,

I am not sure where to point you from here. All the things I had you check are the likely culprits, short of that I really don't know.

You could try and use a different color scheme like the black and gold and see if it changes anything:

<style>
    <colors>0xFFFFFF,0x333333,0x101010,0x000000,0xFFD700</colors>
    <alpha>0.8</alpha>
</style>

MalcolmEchaluce

Malcolm,

Did you make any code changes in the UIManager.as or the default.css? It looks like you changed the ChromeColor some where at a global level.

Robert,

As far as I'm concerned, I have not made any code changes in the UIManager.as. I even went head and found the default code for the UIManager.as (HERE) and replaced that with what I had and still the problem persists. As for the defaults.css, nothing had been changed as seen here:

/* CSS file - Standard Stylesheet */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
@namespace esri "http://www.esri.com/2008/ags";
@namespace viewer "com.esri.viewer.*";
@namespace viewerComps "com.esri.viewer.components.*";
@namespace apiComps "com.esri.ags.components.*";

esri|PopUpRenderer
{
 skinClass: ClassReference("com.esri.viewer.skins.PopUpRendererSkin");
}

viewer|WidgetTemplate
{
    background-alpha: 0.8;
    borderStyle: solid;
    borderThickness: 1;
    cornerRadius: 5;
    dropShadowVisible: true;
    horizontalScrollPolicy: off;
    shadowDirection: right;
    shadowDistance: 5;
    skinClass: ClassReference("com.esri.viewer.skins.WidgetTemplateSkin");
}

viewerComps|TitlebarButton
{
    skinClass: ClassReference("com.esri.viewer.skins.TitlebarButtonSkin");
}

.BannerTitle
{
    padding-bottom: 2;
    padding-top: 4;
}

.BannerSubtitle
{
  
}

.WidgetTitle
{
    fontWeight: bold;
}


s|VScrollBar
{
    skinClass: ClassReference("com.esri.viewer.skins.VScrollBarSkin");
}

mx|VScrollBar
{
    downArrowUpSkin: Embed(source="assets/images/arrow_down.png");
    downArrowOverSkin: Embed(source="assets/images/arrow_down.png");
    downArrowDownSkin: Embed(source="assets/images/arrow_down.png");
    upArrowUpSkin: Embed(source="assets/images/arrow_up.png");
    upArrowOverSkin: Embed(source="assets/images/arrow_up.png");
    upArrowDownSkin: Embed(source="assets/images/arrow_up.png");
    thumbDownSkin: Embed(source="assets/images/thumb.png");
    thumbUpSkin: Embed(source="assets/images/thumb.png");
    thumbOverSkin: Embed(source="assets/images/thumb.png");
    trackSkin: Embed(source="assets/images/track.png");
}

s|HScrollBar
{
    skinClass: ClassReference("com.esri.viewer.skins.HScrollBarSkin");
}

mx|HScrollBar
{
    downArrowUpSkin: Embed(source="assets/images/arrow_down.png");
    downArrowOverSkin: Embed(source="assets/images/arrow_down.png");
    downArrowDownSkin: Embed(source="assets/images/arrow_down.png");
    upArrowUpSkin: Embed(source="assets/images/arrow_up.png");
    upArrowOverSkin: Embed(source="assets/images/arrow_up.png");
    upArrowDownSkin: Embed(source="assets/images/arrow_up.png");
    thumbDownSkin: Embed(source="assets/images/thumb.png");
    thumbUpSkin: Embed(source="assets/images/thumb.png");
    thumbOverSkin: Embed(source="assets/images/thumb.png");
    trackSkin: Embed(source="assets/images/track.png");
}
global
{
 content-background-alpha: 1.0;
}

Anonymous User

Original User: rscheitlin

Malcolm,

Did you make any code changes in the UIManager.as or the default.css? It looks like you changed the ChromeColor some where at a global level.

MalcolmEchaluce

Malcolm,

What does your main config.xml style elment look like?

Hello, Robert!

As always, I appreciate your response. I've checked that particular line of code in my config.xml before and found no problems with it at all. I thought that I was missing some color then but here's that line of code anyway:

<style>
 <colors>0xFFFFFF,0x0174DF,0x101010,0x00BFFF,0xFFFFFF</colors>
 <alpha>0.8</alpha>
</style>

What do you think?

Thanks!

Anonymous User

Original User: rscheitlin

Malcolm,

What does your main config.xml style elment look like?

    <style>
        <colors>0xffffff,0x103c87,0x359dc6,0x294867,0xffffff</colors> 
        <alpha>0.8</alpha>
    </style>

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.