topic Change color of text in PopupMobile in ArcGIS JavaScript Maps SDK Questions

Change color of text in PopupMobile

DavidRaijmakers — Wed, 02 Jan 2013 06:37:23 GMT

I am facing the problem that with some mobile Browsers like DolphinHD

that the browser makes the text color white, and the background is also white.

So i want to change the textcolor - or the background color but there's no such thing defined in the documentation.

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi_start.htm#jsapi/popupmobile.htm

Does anyone know how to do this?

Re: Change color of text in PopupMobile

Anonymous User — Fri, 10 Dec 2021 21:13:01 GMT

Hi David, one way to modify a style (text color in this case) in the mobile popup window is to change the property listed below (include it in your css file):

.esriPopupMobile .titlePane {
color: black !important;
}

I added the important rule to override the default property (white). I found the property by running this sample mobile sample in Chrome on the desktop and then inspecting the styles under the 'Elements' tab.

It's also worth noting, you will want to check the browser/device type the user is running your app on. For iOS, you would not want to change the text color or background color.

Re: Change color of text in PopupMobile

DavidRaijmakers — Thu, 03 Jan 2013 05:42:24 GMT

Thanks for the heads up about the element inspector on chrome.

I fixed it with it:

It should be:

.esriMobileInfoView {  color: black !important; }

Thanks