Change color of text in PopupMobile

[DavidRaijmakers]

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?

[Anonymous User]

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.

[DavidRaijmakers · Accepted solution]

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

I fixed it with it:

It should be:

.esriMobileInfoView {  color: black !important; }

Thanks