Category: Ionic Framework

Important component:  tooltip: Use for showing massage which you want to provide positionV: Define the tooltip position vertically. positionH: Define the tooltip position horizentally. arrow: Use to showing an arrow upon tooltip. event: Use to identify on which type of event you want to show the tooltip(press or click also use hover for desktop). We […]

Step1: install the file chooser plugin, Opens the file picker on Android for the user to select a file, returns a file URI. Step 2: Import the plugin in app.module.ts file and add into provider: Step 3: design the html part of file Step 4: Now write the logic for uploading document, open .ts file […]

Intro and Benefit of using in-app-browser: Generally if we want to open any site then we leave the app, so this is solution of that problem Users can view web pages without leaving app. This plugin provide a web browser view within your app, so user don’t feel bad. The cordova.InAppBrowser.open() function is defined to […]

How can I use a ngModel on an ion-radio element? So if we want to set one radio box pre-selected, then we use [ngModel], so letʼs start…. Firstly we declare the variable: How can I use a ngModel on an ion-checkbox for pre-selection?

Intro: We use this plugin for identify the device id of any device, this plugin is most important for the purpose in which we want identify in how many device our app is installed. Step 1: First we need to install and add plugin Step 2: Now we import and add it into providers Step […]

Today we learn how to set role based sidemenu or sidemenu change after login. for doing this we need to know more about app.componenet.ts file, beacause we check role when our app is initilized, which is done in app.componenet.ts file Before Login Side Menu option Look Like This               […]

Introducation: In this post we learn how to click image by using camera as well pick image from gallery for this we use ionic native plugin Imagepicker and camera So, let’s start to learn   Step1: Add and install both the plugins first.     onic cordova plugin add cordova-plugin-camera $ npm install –save @ionic-native/camera ionic cordova […]

Introducation: In this tutorial we learn how to design multilevel form with data submittion, for this ionic introduce a very useful component sliders, by using sliders we design multilevel form In this we use formbuilder, validators(know more about these please visit: https://www.itechinsiders.com/login-form-using-formbuilder-validator-and-rest-api/) and slider. So let’s start the design Step1: adding the register page in app.module.ts   […]