menu

Author Archives: admin

Bootstrap Fancy Colored Registration Page Template

Bootstrap Fancy Colored Registration Page Template free download– This is template is specially designed for traveling app websites, it is fully responsive and it works perfectly on all devices. This template is built with bootstrap. This template is light weight and loads quickly on mobile devices.


Bootstrap Fancy Colored Registration Page Template free download | App Like Template

This template is designed for mobile devices, this is colored fancy registration page which can be used for mobile and desktop devices both. This template is built with bootstrap. If You want mobile-focused template then this can be the best option. You can download it freely and can customize it free of cost.

Features Of This Template

  • Advance & Simple
  • Responsive
  • Easy To Customize
  • Free To Download
  • Fancy Regisetration Page

Template Screenshots

Bootstrap Fancy Colored Registration Page Template

DemoDownload

Tags

Free Registration Template, Free Responsive Register Page Template Download, Free single page template download.

Ionic 2 Check App Availability


Ionic 2 Check App Availability: This plugin enables us to check whether the app is installed on User’s device or not. It requires a URI Scheme (e.g. twitter://) on iOS or a Package Name (e.g com.twitter.android) on Android. Here in this tutorial, we are going to explain how to check App Availability in the Ionic framework.


Ionic 2 Check App Availability Example

Cordova plugin cordova-plugin-appavailability is used to check the app availability. You can install it simply as below –

Ionic Check App Availability Example:

Supported Platform

  • Android

Example

Here is simple example of checking App availability –

Ionic 2 Check App Availability Example:

Instance Members

  • check(app): Checks if app is available on device.
ParamTypeDetails
appstringPackage name on android, or URI scheme on iOS
  • Returns: It returns the promise.

Ionic 2 Android Full Screen


Ionic 2 Android Full Screen: Android full screen plugin enables developers to create a true fullscreen experience for users. It supports all Android 4.0+ versions, This provides functionality to expand in fullscreen mode and hides navigation bar and status until the user interacts it. Here in this documentation, we are going to explain how you can use this feature in the Ionic framework.


Ionic 2 Android Full Screen | Native Full Screen Example

You can install the Cordova-plugin-fullscreen plugin simply as below-

Install Ionic 2 Android Fullscreen Plugin

Run the below command to install this plugin –

Install Ionic 2 Android Full Screen Plugin Syntax:

Supported Platforms

  • Android

Example

Let us create a simple example of cordova full screen plugin in Ionic-

Ionic 2 Android Full Screen Example:

Instance Members

Following Instance Members are available –

  • isSupported()– This is used to check whether this plugin is supported or not.
  • isImmersiveModeSupported()– This is used to check whether ImmersiveMode is Supported or not.
  • immersiveWidth()– Returns the width in immersive mode.
  • immersiveHeight()– Returns the height in immersive mode.
  • leanMode()– Hide system UI until user interacts.
  • showSystemUI()– This is used to show the system UI.
  • showUnderStatusBar()– Extend your app underneath the status bar. This is supported only on Android 4.4+.
  • showUnderSystemUI()– Extend your app underneath the system UI. This is supported only on Android 4.4+.
  • immersiveMode()– Hide system UI and keep it hidden. This is supported only on Android 4.4+.

Ionic 2 Android Fingerprint Auth


Ionic 2 Android Fingerprint Auth– Install cordova-plugin-android-fingerprint-auth plugin to use the android native fingerprint aunthentication feature. Here in this tutorial we are going to explain how you can use Ionic 2 Android Native Fingerprint Authentication.


Ionic 2 Android Fingerprint Auth Example | Command

First install the fingerprint Auth plugin simply as below –

Ionic 2 Android Fingerprint Auth Plugin Install Example:

After Installing the plugin you will be able to use the androd fingerprint’s features.

Supported Platform

  • Android

Usage

Let us create a simple example to access the native fingerprint feature in Ionic 2 –

Ionic 2 Android Fingerprint Auth Example:

Instance Members

  • 1. encrypt(options) : This opens a native dialog fragment to use the device hardware fingerprint scanner to authenticate the against the fingerprints registered on the device.
ParamTypeDetails
optionsAFAAuthOptionsOptions
  • Returns – Promise
  • 2. decrypt(options) : This opens a native dialog fragment to use the device hardware fingerprint scanner to authenticate the against the fingerprints registered on the device.
ParamTypeDetails
optionsAFAAuthOptionsOptions
  • Returns – Promise
  • 2. isAvailable(options) : This checks if fingerprint auth service is avilable on devide.
  • Returns – Promise
  • 2. delete(options) : This is used to delete the ciper used for the encryption and decryption by username.
  • Returns – Promise : This Returns a promise that resolves if ciper was deleted successfully.

AFAAuthOptions

Following options are avialeble for AFAAuthOptions

ParamTypeDetails
clientIdstringRequired Used as the alias for your key in the Android Key Store.
usernamestring(optional)Used to create credential string for encrypted token and as alias to retrieve the cipher.
passwordstring(optional) Used to create credential string for encrypted token
tokenstring(optional) Required for decrypt() Encrypted user credentials to decrypt upon successful authentication.
disableBackup boolean Set to true to remove the “USE BACKUP” button
locale string(optional) Change the language. (en_US or es)(optional)
maxAttemptsnumber(optional)The device max is 5 attempts. Set this parameter if you want to allow fewer than 5 attempts.
userAuthRequiredboolean(optional)Require the user to authenticate with a fingerprint to authorize every use of the key. New fingerprint enrollment will invalidate key and require backup authenticate to re-enable the fingerprint authentication dialog.
dialogTitlestring(optional)Set the title of the fingerprint authentication dialog.
dialogMessagestring(optional)Set the message of the fingerprint authentication dialog.
dialogHintstring(optional)Set the hint displayed by the fingerprint icon on the fingerprint authentication dialog.

AFAEncryptResponse

ParamTypeDetails
withFingerprintbooleanBiometric authentication
withBackupbooleanAuthentication using backup credential activity.
token string base64encoded string representation of user credentials.

AFADecryptOptions

ParamTypeDetails
withFingerprintbooleanBiometric authentication
withBackupbooleanAuthentication using backup credential activity.
token string FingerprintAuth.CipherMode.DECRYPT Decrypted password.

Bootstrap stylish registration Page

Bootstrap stylish registration Page Template Download

Bootstrap stylish registration Page Template – This is simple registration page which contains – Email, Password, Phone and Gender form fields for registration. This registration form looks like India’s largest e-commerce website Myntra’s registration Page. This template is user-friendly and built with bootstrap, You can download and use it free of cost.


Bootstrap stylish registration Page Template | Form

Here are the core fetaures of this registrtion page Template-

.
Features Of This Template

  • User-Friendly Layout
  • Simple & Easy Registration Fields
  • Advance & Simple
  • Responsive
  • Easy To Customize
  • Free To Download

Demo

Download

Ionic 2 Native 3DTouch


Ionic 2 Native 3DTouch– Install cordova-plugin-3dtouch plugin to use the native 3DTouch feature. 3DTouch is only supported in IOS platform. Here in this tutorial we are going to explain how you can use Ionic 2 Native 3DTouch in IOS.


Ionic 2 Native 3DTouch Example

You can install the 3DTouch plugin simply as below-

Installation

3DTouch Plugin Installation Syntax:

3DTouch Example

After Installing the 3DTouch plugin you can use it. Here is an example of Native 3DTouch.-

Ionic 2 Native 3DTouch Example:

Supported Platforms

This feature is only supported in IOS.

Static Methods

Following static methods are available-

  • 1. isAvailable
  • 2. watchForceTouches
  • 3. configureQuickActions
  • 4. onHomeIconPressed
  • 5. enableLinkPreview
  • 6. disableLinkPreview

Ionic 2 Native Overview


Ionic 2 Native Overview– Ionic native is organised set of ES5/ES6/Typescript wrapper for Cordova/Phonegap Plugins that enables us to add/access the native functionality. It is very easy to access the native features in Ionic 2. Here in this tutorial we are going to give overview on Ionic 2 native features.


Ionic 2 Native Overview Example

Let us go through the steps to install, access native features in Ionic 2.

Installation

Ionic native is included everywhere by default in Ionic 2 so you don’t need to install ionic native in Ionic 2. If you are using Lower version of Ionic, you can install ionic native simply as –

Ionic Native Installation Example:

Promises and Observables

Ionic Native wraps plugin callbacks in a promise or observable which provides a common interface for all plugins and it ensures the native events trigger change detection in Angular 2.

Ionic 2 Native Example

In the below example we have imported the Geolocation plugin from ionic-native package. Using this plugin you can access the current gelocation of device.

Ionic 2 Native Example:

Flipkart Style Registration Page In BootStrap

Flipkart Style Registration Page

Flipkart Style Registration Page In BootStrap – This is registration page for e-commerce websites. This template contains login page which has three fields – mobile number, OTP(one-time password field) and set password field. This registration page looks like India’s Largest e-commerce website Flipkart. You can download and use this template anywhere.


Flipkart Style Registration Page In BootStrap Example | E-commerce Template

Features Of This Template

  • Advance & Simple
  • Responsive
  • Easy To Customize
  • Free To Download

Demo   Download

Ecommerce Login Page Template In BootStrap Modal

Ecommerce Login Page Template In BootStrap Modal Download

Ecommerce Login Page Template In BootStrap Modal – This is simple template which can be used easily anywhere, it is basically built on bootstrap framework. This is simple template used for login to eCommerce sites. You can download and use it easily.


Ecommerce Login Page Template In BootStrap Modal

This template contains two main fields – Username, Password used for login functionality.

Features

  • Responsive
  • Light Weight
  • Easy to Customize
  • Free To Download
  • Demo

    Download