page banner
avatar
'Implementing navigation within a modal window in Ionic' post illustration
Implementing navigation within a modal window in Ionic

Modal dialogs are designed to bring important pieces of information to users from any page without changing an active routing state. It is often convenient to utilize a modal dialog that itself contains a number of views and its own routing. And, since the $ionicModal service does not provide this functionality, here is where custom modal implementations come into play.

avatar
'Moving a page element without affecting its scope in AngularJS' post illustration
Moving a page element without affecting its scope in AngularJS

It is often important to simultaneously show a fairly large number of elements on a web page to provide users with the most concise information possible. In order to make all those elements visible on a screen, their functionality usually has to be considerably limited. That is when the ability to open every separate element in a fullscreen view can be very helpful. This post shows how this can be achieved in AngularJS, with two custom directives which allow to move elements to a fullscreen view without changing their scope.

avatar
'Get image dimensions with ng-flow' post illustration
Get image dimensions with ng-flow

This note shows how to get the width and height of an image inside of an AngularJS controller with the help of ng-flow library. First of all, you can get image dimensions by using the Image element constructor and specifying the following onload callback function

avatar
'Launch Ionic app with a web or email link' post illustration
Launch Ionic app with a web or email link

Custom URL scheme PhoneGap Plugin is a cool plugin for Cordova that is designed to allow to launch apps by clicking on a link in an email or on a web page. Bellow is an example of how this plugin can be used for the Ionic application.

avatar
'Braintree and Angular.JS drop in integration' post illustration
Braintree and Angular.JS drop in integration

During drop in integration of Braintree into Angular.JS application we have faced several surprising caveats. This was the primary reason for current post to be born. We would like to share our expreince and solutions that we've learnt during this process.

avatar
'How to trigger a method with the keyboard shortcut in AngularJS' post illustration
How to trigger a method with the keyboard shortcut in AngularJS

If you are, for example, working on a chat application, one of the features that the user expects is an ability to send a message with a keyboard shortcut. The example of a directive below shows how this can be achieved for Shift + Enter combination:

avatar
'Get a base64 encoded image using ng-flow in AngularJS' post illustration
Get a base64 encoded image using ng-flow in AngularJS

Here is an example of how you can get a Base64 encoded image using the ng-flow for the image upload, for instance, if you need to send the image in a JSON request.