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

Making a pen drive bootable

  Run CMD as administrator Type “diskpart” inside the command prompt and hit “ENTER”. After last step type “list disk” inside the command prompt and hit “ENTER”. Type “select disk 1” inside the command prompt and hit “ENTER”. Type “clean” and hit “ENTER”. It will erase all the data from the pen drive. Type “create 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