This is a migrated thread and some comments may be shown as answers.

W8 footer icons change color

7 Answers 39 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 19 Mar 2014, 08:49 PM
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.

7 Answers, 1 is accepted

Sort by
0
Michael
Top achievements
Rank 1
answered on 20 Mar 2014, 08:18 PM
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.
0
Kamen Bundev
Telerik team
answered on 21 Mar 2014, 12:42 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Michael
Top achievements
Rank 1
answered on 21 Mar 2014, 02:46 PM
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?

0
Kamen Bundev
Telerik team
answered on 25 Mar 2014, 12:56 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Michael
Top achievements
Rank 1
answered on 25 Mar 2014, 02:38 PM
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.
0
Kamen Bundev
Telerik team
answered on 25 Mar 2014, 03:01 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Michael
Top achievements
Rank 1
answered on 25 Mar 2014, 03:41 PM
Okay, thanks. I'll take a look on a real device. Might just be a simulator fluke.
Tags
General Discussions
Asked by
Michael
Top achievements
Rank 1
Answers by
Michael
Top achievements
Rank 1
Kamen Bundev
Telerik team
Share this question
or