How to set color programmatically ion-nav-bar ion-header-bar

ionic-v1
1

Hi,

In my menu.html generated by project sidemenu, i have <ion-nav-bar class="bar-{{appColor}}">

i want to modify this class programmatically, with this
<input type="radio" name="group" ng-model="appColor" value="calm">

so, not working… :frowning:

<button class="button button-{{appColor}}">ok</button>

it’s works !!

2

Please create us a working example. We can help you only if we can recreate this problem on our own.

Here you’ll find working templates: http://www.gajotres.net/help-us-help-you-how-to-ask-a-good-ionic-forum-question/

3

If I’ve understood you correctly then https://github.com/Box9/jss should be the solution.
With this tiny library you will be able to modify, get or even remove the actual CSS that is used by the Browser.

4

Solution… is here…

http://techiedreams.com/ionic-custom-and-dynamic-theming/