W8 footer icons change color

[Michael]

I have some footer tabs that are typically a green/brown color depending on their selection status. They have an icon as well as some text below them.

On the windows simulator, however, the icons are white and only the text changes color correctly. Also, every now and then the icons all turn black instead of white.

[Michael]

Some additional detail: by default, all of the icons are white on WP8, but if you click on any input box within the application, they all turn black.

[Kamen Bundev]

Hi Michael,

We can't reproduce this issue here. Can you send a sample project or sample page where we can reproduce the issue and help you fix it?

Regards,
Kamen Bundev
Telerik

 

 

[Michael]

We're using this:

    #custom-tabstrip .km-text,
    #custom-tabstrip .km-icon
    {
    color: #d9be8c;
    }
    
    #custom-tabstrip .km-state-active .km-text,
    #custom-tabstrip .km-state-active .km-icon
    {
    color: #62cb62;
        background-color: transparent;
    }

to control the colors of the tab icons/text. It just doesn't do anything for WP8. WP8 shows black or white depending on its mood. 

Is there some other css we can target to manipulate the colors on WP8?

[Kamen Bundev]

Hi Michael,

The icons in WP8 PhoneGap application are just images - their color can't be controlled easily as on the other platforms (or even in the WP8 browser), because everywhere else we use font icons. The reason for this is that font icons are not supported in WP8 HTML5 apps and in WP8 PhoneGap - they just don't load. There is additional info in our documentation about the issue. Unfortunately the only workaround is to use 2 normal PNG images for the dark and light WP8 themes, like we do for our default icons. Let me know if this helps.

Regards,
Kamen Bundev
Telerik

 

 

[Michael]

That wouldn't be so bad except that the active/inverted styles keep switching at random. It is possible that the issue is simulator-only, as I have not loaded the app onto an actual windows device yet.

[Kamen Bundev]

Hi Michael,

If you're using the AppBuilder simulator, it might have some strange effects on WP8 simulation, as it is using WebKit to show the simulated app, which on the other hand is missing some features that our WP8 theme relies upon in order for the automatic WP8 light and dark theme switching to work (Kendo UI Mobile automatically adapts to the currently selected WP8 background and highlight colors).

Regards,
Kamen Bundev
Telerik

 

 

[Michael]

Okay, thanks. I'll take a look on a real device. Might just be a simulator fluke.