Search This Blog

Friday, 28 August 2015

Ionic View - explained

Ionic came up with a good idea for releasing the apps for QA/UAT and also kind of sharing.
i will just explain the steps to use this feature.

Pre-requisite:
you and the recipient to whom you want to send should have Ionic accounts. go to this link and sign up to get an account https://apps.ionic.io/


Step 1:
create the project in ionic (as you do normally)
ionic start testapp blank

you can add platforms, push notifications and do the development as you want.
Step 2:
Now you need to upload this app.
go to the app directory (cd appname).
then use this command to upload : ionic upload

Step 3:
you can share the app with the person by using the below command.
ionic share test1234@test.com

Step 4:
The sharing is through the account associated with that email and ionic view mobile app.
you can download the ionic view mobile app from Play store and App Store.

Step 5:
Sign into the app with the registered mail id. here it is test1234@test.com. then you can find the app there.
Step 6:
If you click on an app it will show you a menu as below:
 Step 7:
If you select View App, it will get downloaded and it will show as like an installed App. sample screenshot for reference.
Easy way to share app....!!! 


Thank the Ionic team for their work to bring new features to simplify developers job.

Ionic Framework Installation

Installing Ionic framework is pretty simple and straight forward.
Follow the below steps to complete it.

1. All Ionic installations are based on node.js. So, first install nodejs.
you can get the latest version of nodejs here: https://nodejs.org/download/

2. After installing nodejs, first you need to have Cordova. run the below command in command prompt: npm install -g cordova

Now you have installed, nodejs and Cordova. All ionic project templates are stored in Git. So you need Git to start any project in Ionic,

3. Install latest version of Git from : http://git-scm.com/

4. Install ionic framework. run the below command
npm install -g ionic

That's it. your Ionic is ready to start. to test give the following command in cmd prompt: ionic start testapp blank


Sunday, 16 August 2015

Print Stylesheet Emulation/Debugging in Chrome


CSS for printing a div:

html body *{
display:none;
}
#printBillDIv , #printBillDIv  *
{
display:block !important;
}

Emulation /Debugging


  • Under Emulation > Media check CSS media and select print (3).Emulate print media query on Chrome v43

    • Open the Developer tools (CTRL+SHIFT+I or F12)
    • Click the Toggle device mode button in the left top corner (1).
    • Make sure the drawer is shown by clicking the Show drawer button (2) or pressing the ESC key to toggle the drawer.
    • Source: http://stackoverflow.com/questions/9540990/using-chromes-element-inspector-in-print-preview-mode