Ionic Active Tab Color

[Thomas Anderson7286790]

Hi there. Can someone give an example of how to set color of active navigation tab in ionic app?

[Serhii Kulibaba]

Hello Thomas,

You can use any CSS styles for active tabs:
http://ionicframework.com/docs/compon...
e.g.:
pre.tabs .active{
background:red;
}/pre

[Thomas Anderson7286790]

Thanks for the quick reply. However, I am quite new at this. Please give me a simple example using appery ionic platform. Thanks!

[Serhii Kulibaba]

You have to put CSS above into custom CSS file (Create new-CSS). That's all.

Ionic tutorials:
https://devcenter.appery.io/tutorials...
https://devcenter.appery.io/tutorials...

[Thomas Anderson7286790]

Thanks. Tried your code. It does not affect the navigation tab color.

[Serhii Kulibaba]

Please provide us with a public app link (https://devcenter.appery.io/documenta...) and steps to reproduce.

[Thomas Anderson7286790]

I shared the app project privately with you. App name is Taskit_1_0. Project id is

71c58e09-f801-49ce-ad16-5ca98f106e99

[Serhii Kulibaba]

Could you please provide us with exact steps to reproduce?

[Thomas Anderson7286790]

yes. I created a new CSS called "MyCSS" and pasted your code into it. Nothing changes with the tabs.

[Serhii Kulibaba]

Thomas, I can't see any tab on the start page, please provide us with exact steps to see them. Also please send us test credentials fo the login functionality.