topic Re: Color Scheme Change in ArcGIS Viewer for Flex Questions

Color Scheme Change

MalcolmEchaluce — Tue, 05 Mar 2013 19:58:09 GMT

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!

Re: Color Scheme Change

Anonymous User — Sun, 12 Dec 2021 06:56:42 GMT

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>

Re: Color Scheme Change

MalcolmEchaluce — Sun, 12 Dec 2021 06:56:45 GMT

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!

Re: Color Scheme Change

Anonymous User — Thu, 07 Mar 2013 11:46:26 GMT

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.

Re: Color Scheme Change

MalcolmEchaluce — Sun, 12 Dec 2021 06:56:48 GMT

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

Re: Color Scheme Change

Anonymous User — Sun, 12 Dec 2021 06:56:51 GMT

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>

Re: Color Scheme Change

MalcolmEchaluce — Sun, 12 Dec 2021 06:56:54 GMT

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.

Re: Color Scheme Change

Anonymous User — Thu, 07 Mar 2013 19:39:05 GMT

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_