Search Posts

Category: ionic-framework

Twilio programmable video JS SDK/Ionic

I am new to Ionic and angularjs. I am trying to build an android app using Twilio Programmable Video’s Javascript SDk. I am able to Preview My Camera, Join the Room and Leave the Room on my browser using ionic1 and angularjs with the help of this post(Thanks to Nicholas and everyone else in the below mentioned discussion.) Twilio Programmable Video JS / Ionic But, unfortunately I am running into an issue after deploying the […]

Ionic,OneSignal-Open the launchURL with in the app

I am sending a URL has parameter along with push notification.when clicked on notification,the link gets opened inside the mobile browser.I want the link to be opened within the mobile application.For that i used the following code in ionicPlatform ready as stated in documentation, window.plugins.OneSignal .startInit(“APP_ID”) .handleNotificationOpened(function(jsonData) { alert(“Notification opened:n” + JSON.stringify(jsonData)); console.log(‘didOpenRemoteNotificationCallBack: ‘ + JSON.stringify(jsonData)); }) .endInit(); Then in the console,it displays an error as window.plugins.OneSignal.startInit is not a function. can someone help me […]

Implementing a script in Ionic Typescript

I would like to implement dynamically added buttons to my Ionic app. I found that I can use the following code for this task. The first part of the code I placed into the home.html file inside html body. <div ng-controller=”MyCtrl”> <div class=”list list-inset”> <div class=”item-input” ng-repeat=”input in inputs”> <label class=”item-input-wrapper”> <input type=”text” placeholder=”Type something” ng-model=”input.value” /> </label> <button class=”button button-small button-balanced” ng-if=”$index == inputs.length – 1″ ng-click=”addInput()”> <i class=”icon ion-plus”></i> </button> <button class=”button button-small […]

Line up list items in ionic and get a value

I have an ionic project that I’m working on and I’m using the columns in a grid that contains a static image on the top left (X) and a list of images on the right (Y). What I would like to do is be able to scroll through the list on the right so when the X and Y images line up at the top it gives me the ID of the current Y image. […]

Ionic and AngularJS – on hold event callback firing multiple times in parent component

I am writing an app with AngularJS 1.5.3 and Ionic 1.3.5. I want to implement the on hold feature so when the user presses and holds on an entry I can show a popup box. The problem I am having in my code is that the parent component callback gets called 3 times but the child one is just once. Here is my fiddle: https://jsfiddle.net/aubz88/72hz0ard/ Sorry, in my fiddle I could not get the on-hold […]

Ionic how to use buttons instead of usual ion radio and make them horizontally aligned

<ion-list radio-group [(ngModel)]=”gender”> <ion-item> <ion-label>Male</ion-label> <ion-radio value=”male” checked></ion-radio> </ion-item> <ion-item> <ion-label>Female</ion-label> <ion-radio value=”female”></ion-radio> </ion-item> </ion-list> I want them to look as two buttons, a user can select only one button and on selection color of button will change. Source: AngularJS

Facebook new popup – Wants to use "facebook.com" to sign in

I was using facebook to sign into my app. All was good. I updated my NPM and now I am getting a strange popup saying. “appName” Wants to Use “facebook.com” to Sign In This allows the app and website to share information about you. This was not there a few months ago. I feel its overkill since when you say Continue it sends you to another page asking the same question. Anyone have the same […]

Ionic pass data

I got these codes online and below are what the codes are supposed to achieve as stated by the owner. The user can add a new contact (name, email address and phone number) List of contacts should be shown The user can delete any contact from the contact list The User can edit any contact from the contact list However, when I tried it out, there is a default data in the contact list and […]

Next Page »