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

ArcGIS Flex Viewer (3.6) Tooltip Background Color I have a mapping application built using Flex Version 3.6 with same in-house modifications made in previous version 3.4. I built the viewer using Flash Builder 4.6. I have added several widgets ( Legend, A

JorginaRoss

I have a mapping application built using Flex Version 3.6 with same in-house modifications made in previous version 3.4. I built the viewer using Flash Builder 4.6. I have added several widgets ( Legend, Attribute Tables, Find a Lake, Lake Chemistry Data Statistics, Find Location, and About this Map) and they all function as they are supposed to.

The problem is the background color of the tooltips that appear when you hover over these widgets’ icons to close or to minimize them. The tooltips have a light yellow background color which presents a problem because the text color I use in the application is white. So the text inside the tooltip is barely legible. What controls that background color?

Also, the chart widget (Lake Chemistry Data Statistics) presents the same problem as the other widgets, with an additional problem: pale white background color in the results tooltip. After you execute the widget creating the chart/graphic, then when you hover over each individual column to see the results, the tooltip background color is pale white. What controls that background color?

I did not have these problems when I was using Flex version 3.4 with some in-house modifications and built using Flash Builder 4.6. My objective using Flex version 3.6 is to keep the background color blue with white text which I had in all my applications when I was using Flex version 3.4. Any ideas?

Here is the link to the map application to see the issue I am talking about: https://kars.ku.edu/maps/testapp/.

I would appreciate any help on this issue.

Gina

Najděte více příspěvků označených jako

Accepted answers

JorginaRoss

Robert,

Your comments from September 12, 2014, lead me to update the API and this finally fixed the problem.

Thank you for your prompt and helpful comments.

Gina

All comments

RobertScheitlin__GISP

Gina,

I would add the Sixth color property to your main config.xml It is covered in the documentation here:

ArcGIS Viewer for Flex - Setting styles for the Viewer

<colors>0xFFFFFF,0x023D9B,0x101010,0x000000,0xFFFFFF,0x023D9B</colors>

JorginaRoss

Robert,

This is an option I tried before I decided to post the thread. Changing the Sixth color does not make any difference.

Any other ideas?

I appreciate your prompt respond.

RobertScheitlin__GISP

Gina,

Well I just used your color schema numbers in a new FV 3.6 app and it did not have the issue you are seeing so it must mean that the UIManager or the default.css was modified by your developer.

RobertScheitlin__GISP

Gina,

In the UIManager.as if I change these lines then it affects the tooltips background color and the about dialogs. The tooltips that come up for the widgets in the headercontrollerwidget are set to use contentBackgroundColor from the UIManager.as, so I would check the UIManager.as:

        // Style mx|Alert
        var cssStyleDeclaration:CSSStyleDeclaration = new CSSStyleDeclaration();
        if (numberOfStyleColors > 4)
        {
            cssStyleDeclaration.setStyle("color", textColor);
            cssStyleDeclaration.setStyle("backgroundColor", 0xff0000);//backgroundColor);
        }
        topLevelStyleManager.setStyleDeclaration("mx.controls.Alert", cssStyleDeclaration, false);

        //Style Tooltip
        var cssStyleDeclarationTooltip:CSSStyleDeclaration = topLevelStyleManager.getStyleDeclaration("mx.controls.ToolTip");
        if (numberOfStyleColors > 4)
        {
            cssStyleDeclarationTooltip.setStyle("color", textColor);
            cssStyleDeclarationTooltip.setStyle("backgroundColor", 0xff0000);//backgroundColor);
        }
        cssStyleDeclarationTooltip.setStyle("fontSize", fontSize);
        cssStyleDeclarationTooltip.setStyle("fontFamily", mainFontFamily);

JorginaRoss

Robert,

I made the changes as suggested in your reply and it made no difference at all. I still get the pale yellow background color and the pale white background color.

I would like to mention that a version of the viewer I am using that has the in-house modifications is located at: https://github.com/ksbiological/arcgis-viewer-flex

Thank you so much for your time.

Gina

RobertScheitlin__GISP

Gina,

So once again I took the viewer from the GitHub link you provided and added your color scheme to the config.xml and updated the API to use 3.6 and it does not exhibit those color issues that you are having. So it has to be some code modification that you guys made that is causing the issue. It is hard for me to figure out where the change was made without seeing your custom viewers source code.

JorginaRoss

Robert,

Your comments from September 12, 2014, lead me to update the API and this finally fixed the problem.

Thank you for your prompt and helpful comments.

Gina

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.