ionic tutorial

How to change individual active-tab-icon color ? [ionic2] [ionic3]

In your app.scss, you could do something like this: .tabbar { a.tab-button[aria-selected=true]:nth-of-type(1) {         color: rgb(232, 75, 56);         .tab-button-icon {             color: rgb(232, 75, 56);         }     }     a.tab-button[aria-selected=true]:nth-of-type(2) {         color: rgb(27, 182, 230);         .tab-button-icon {             color: rgb(27, 182, 230);         }     }     a.tab-button[aria-selected=true]:nth-of-type(3) {         color: rgb(170, 202, 69);         .tab-button-icon {             color: rgb(170, 202, 69);         }     }     a.tab-button[aria-selected=true]:nth-of-type(4) { Read More

Ionic 3 Multi Language Example

Ionic 3 Multi Language Example

Step 1: Start new ionic app: 1. ionic start multilingual tabs 2. cd multilingual Step 2: Install angular translate library in ionic app: 3. npm install @ngx-translate/core @ngx-translate/http-loader –save¬† ¬†or this if Angular 5 3. npm install @ngx-translate/core@^9.1.1 @ngx-translate/http-loader -‚Äďsave Now edit¬†app.module.ts¬†file. Add this line. import { TranslateModule } from ‘@ngx-translate/core’; Add this into imports Read More

Getting up and running with IONIC 2..

These are the resources that you may find useful for ionic 2 development.. ionic 2 is dependent on angular 2 which is written in typescript 1) Ionic 2 references ¬† ¬† ¬†–https://ionicframework.com/ ¬† ¬† ¬†–https://ionicframework.com/getting-started/ ¬† ¬† ¬†–https://ionicframework.com/docs/ ¬† ¬† ¬†–https://ionicframework.com/docs/api/ ¬† ¬† ¬†–https://ionicframework.com/docs/components/ ¬† ¬† ¬†–https://www.youtube.com/watch?v=BDDUpP5SUA8&list=PL0lNJEnwfVVMbFdOJlq-IzLhxMhKJB9Pe 2) Angular 2 References ¬† ¬† ¬†–https://angular.io/ ¬† Read More