Allow to set navigation bar colors

frederikbosch commented 8 years ago

Control navigation ui elements from javascript. Supported by both Android and iOS.

page.setBarTintColor('#FFFFFF');
page.setTintColor('#FF0000');

var tabBar = new ace.TabBar();
tabBar.setTintColor('#FF0000');
tabBar.setTintColor('#FFFFFF');

Furthermore, when setting label + text for bar button, it will remove the padding between the android tab elements in order to make them fit (no horizontal scrolling).

Remarks:

For Android: page.setTintColor does nothing on Android because the bottom app bar and navigation bar are integrated and the tint color is there already set on the tab bar.
For Android: of course people are free to use a theme, but a simple javascript accessor is much simpler from a cordova context.

msftclas commented 8 years ago

Hi @frederikbosch, I'm your friendly neighborhood Microsoft Pull Request Bot (You can call me MSBOT). Thanks for your contribution! In order for us to evaluate and accept your PR, we ask that you sign a contribution license agreement. It's all electronic and will take just minutes. I promise there's no faxing. https://cla.microsoft.com.

TTYL, MSBOT;

msftclas commented 8 years ago

@frederikbosch, Thanks for signing the contribution license agreement so quickly! Actual humans will now validate the agreement and then evaluate the PR.
Thanks, MSBOT;

adnathan commented 8 years ago

Wonderful! Thank you!

microsoft / ace

Allow to set navigation bar colors #45