Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228500 articles
Browse latest View live
↧

How do I export an Xcode project?

June 2, 2017, 2:15 am
↧
Search

Icon and Splash screen - how to?

June 2, 2017, 2:18 am
$
0
0

Looks like the upgrade to Cordova 7.0.1 has caused a few issues I need to resolve first:

Using ionc-native Geolocation

Application does not have sufficient geolocation permissions

↧
↧

Is Ionic enough strong for big Dating platforms

June 2, 2017, 2:23 am
$
0
0

it's for sure going to be better using native, but web's catching up all the time.

i've read up on how Tinder do their stuff, using NoSQL - MongoDB. it's much quicker, but can be a bit dodgy if you're not using it correctly (in my experience). speed is a key part of UX. I don't know how your platform's UI etc, so difficult to advise. couch/pouchDB play nicely together too for offline/online synching.

Ionic Native is a big step up for making stuff easier for web guys using native/cordova. if you have some smart guys, you can write your own cordova plugins too for what you need

↧

Self Sign Certificate Error after Ionic3 (Ionic Start)

June 2, 2017, 2:27 am
$
0
0

@derekstwong
hello, I suppose I am suffering the same problem as you had. I am also using a self signed certificate on the https url. below is my log print out ...

POST https://10.0.0.103:9443/oauth2/token net::ERR_INSECURE_RESPONSE
XHR failed loading: POST "https://10.0.0.103:9443/oauth2/token".
Error: XHR aborted: https://10.0.0.103:9443/oauth2/token
    at XMLHttpRequest.xhr.onerror.xhr.onabort (file:///android_asset/www/build/main.js:130849:21)
    at XMLHttpRequest.o [as __zone_symbol___onerror] (file:///android_asset/www/build/polyfills.js:2:24340)
    at t.invokeTask (file:///android_asset/www/build/polyfills.js:3:9655)
    at Object.onInvokeTask (file:///android_asset/www/build/main.js:4397:37)
    at t.invokeTask (file:///android_asset/www/build/polyfills.js:3:9576)
    at r.runTask (file:///android_asset/www/build/polyfills.js:3:4831)
    at XMLHttpRequest.invoke (file:///android_asset/www/build/polyfills.js:3:10633)

I am not sure about your environment, but I am debugging on an android mobile device via adb connection, and chrome devices inspect.
can you please enlighten me on code details

thanks

↧

Is Ionic enough strong for big Dating platforms

June 2, 2017, 2:28 am
$
0
0

The amount of active users and db transactions is a backend problem, not a (mobile) frontend problem. So this is pretty irrelevant for you choosing Ionic or not.

↧
↧

Geolocation alert

June 2, 2017, 2:31 am
$
0
0

Hi !
I'm trying to modify or erase this alert, i d'ont know why it appear.
Someone knows why ?

IMG_1321.PNG750x1334 52 KB

home.ts

import { Component, ViewChild } from '@angular/core';
import { NavController } from 'ionic-angular';
import { GoogleMaps } from '../../providers/google-maps';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

    @ViewChild('map') mapElement;
    map: any;

    constructor(public navCtrl: NavController, public maps: GoogleMaps) {

    }

    ionViewDidLoad(){
        this.maps.initMap(this.mapElement.nativeElement);
    }

}

Map Provider

import { Injectable } from '@angular/core';
import { Http, Headers } from '@angular/http';
import { Geolocation } from '@ionic-native/geolocation';
import 'rxjs/add/operator/map';

@Injectable()
export class GoogleMaps {

    map: any;
    markers: any = [];

    constructor(public http: Http, public geolocation : Geolocation) {}

    initMap(mapElement){
      console.log('initMap');

      let lat: any;
      let lng: any;

      this.geolocation.getCurrentPosition().then((resp) => {
        lat = resp.coords.latitude
        lng = resp.coords.longitude
        console.log(resp.coords.latitude);
        console.log(resp.coords.longitude);
        this.endInitMap(lat, lng, mapElement)
      }).catch((error) => {
        console.log('Error getting location', error);
      });
    }

    endInitMap(lat, lng, mapElement){
      let latLng = new google.maps.LatLng(lat, lng);

      let mapOptions = {
          center: latLng,
          zoom: 20,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };

      this.map = new google.maps.Map(mapElement, mapOptions);

      google.maps.event.addListenerOnce(this.map, 'idle', () => {

          this.loadMarkers();

          google.maps.event.addListener(this.map, 'dragend', () => {
              this.loadMarkers();
          });

      });
    }

Index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="UTF-8">
    <title>Ionic App</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">

    <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#4e8ef7">

    <!-- cordova.js required for cordova apps -->
    <script src="http://maps.google.com/maps/api/js?key="MY_API_KEY"></script>
    <script src="cordova.js"></script>

    <!-- un-comment this code to enable service worker
  <script>
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('service-worker.js')
        .then(() => console.log('service worker installed'))
        .catch(err => console.error('Error', err));
    }
  </script>-->
    <link href="build/main.css" rel="stylesheet">

</head>

<body>

    <!-- Ionic's root component and where the app will load -->
    <ion-app></ion-app>

    <!-- The polyfills js is generated during the build process -->
    <script src="build/polyfills.js"></script>

    <!-- The bundle js is generated during the build process -->
    <script src="build/main.js"></script>

</body>

</html>
↧

How to combine Ionic and web code base?

June 2, 2017, 2:32 am
$
0
0

Just for kicks just had a quick look at some of the code. Nicely organised.

Just noticed in utils.ts you have a formatStringArray function: could be shorter with the following...

static formatStringArray (list: string[], seperator = ', ')  {
   return list === null ? '' : list.filter(l => l !== null).map(l => l.trim()).join(separator);
}
↧

How do I export an Xcode project?

June 2, 2017, 2:33 am
$
0
0

You don't.

Ionic projects only generate a Xcode project in the last step, but you normally don't edit anything in there but only create the .ipa and upload it to the store.

You start by installing Ionic CLI and Cordova via npm: npm i -g ionic cordova. You then use the available commands like ionic serve or ionic cordova run ios.

If you have bower.json the project obviously is a Ionic v1 project, so your docs live here: http://ionicframework.com/docs/v1/

PS: Friends don't send friends "zip files". Please create a Git repo (free private ones on Bitbucket) and use this, otherwise merging changes back will be a major hassle.

↧
Search

Issues with ion-row and class styling

June 2, 2017, 2:38 am
$
0
0

I have 2 rows, which I would like different back-ground color, I use to 2 differents class :
.ios, .md .top-profil {
ion-row{
background-color: color($colors, MyRed);
height: 35%;
}
}

.ios, .md .bottom-profil {
ion-row{
background-color: color($colors, MyGrey);
// height: 65%;
}

Here what I get.. I would like the top in red and the bottom in grey..

}

Capture d’écran 2017-06-02 à 11.35.00.jpg756x1138 43.9 KB
↧
↧

Keyboard weird animation android

June 2, 2017, 2:45 am
$
0
0

Hello,

I have a weird animation when keyboard is showing.
It is like he is taking two steps to show. On input focus he will first move the content up and then the keyboard will show up and then the content will go up again.
Same thing when he is going down. The keyboard goes down with the content, then the content will move one more time down.

I hope it is understandable. Does someone else has this issue ?

Thx

↧

Is Ionic enough strong for big Dating platforms

June 2, 2017, 2:47 am
$
0
0

Sure but thinking about Loading with ionic and native feeling !

↧

A Simple Music App Starter

June 2, 2017, 2:54 am
$
0
0

What do you think about this

Ever wanted to build your own Spotify?
upload your music and let your friends and family enjoy

it is your Spotify

Spotify Clone App
Fully Functional

Ionic View: 97973191

Features:
.Music Player
.Video Player
.Firebase Realtime Database
.Moods
.Follow Artist + counter
.Like Songs + counter
.Custom Playlists
.Popular Songs Albums and Singers based on user experiences
.Search Songs Singers and Albums
.Notification Music Control
.Player Background Effect
.Mini Player In Every Page Of The App
.Shuffle Singer, Album or Playlist
.Angular2 backend Admin Panel powered by Firebase

Screenshots

Screen Shot 2017-05-30 at 1.02.30 PM.jpg1678x1428 458 KB

Screen Shot 2017-05-30 at 12.56.40 PM.jpg1740x1426 348 KB

Screen Shot 2017-05-30 at 1.03.23 PM.jpg2880x1800 720 KB
↧

Icon and Splash screen - how to?

June 2, 2017, 2:55 am
$
0
0

Oh well I just implement geolocation yesterday, working fine :neutral_face:

Try remove and re-add the plugins
If this is this one : https://ionicframework.com/docs/native/geolocation/ and not the background-one try this :

$ npm remove --save @ionic-native/geolocation
$ ionic cordova plugin remove cordova-plugin-geolocation

then re-install

$ ionic cordova plugin add cordova-plugin-geolocation
$ npm install --save @ionic-native/geolocation

Also check the version in the package.json file

Mine is :

"@ionic-native/geolocation": "^3.10.3"

"cordova-plugin-geolocation": "^2.4.3"

My ionic info :

ionic info

global packages:

@ionic/cli-utils : 1.1.2
Cordova CLI      : 7.0.1
Ionic CLI        : 3.1.2

local packages:

@ionic/app-scripts              : 1.3.7
@ionic/cli-plugin-cordova       : 1.1.2
@ionic/cli-plugin-ionic-angular : 1.1.2
Ionic Framework                 : ionic-angular 3.2.1

System:

Node       : v6.10.3
OS         : macOS Sierra
Xcode      : not installed
ios-deploy : not installed
ios-sim    : not installed
↧
↧

Ionic v1 build error: android.support.v4 does not exist

June 2, 2017, 3:03 am
$
0
0

It saves my whole day
thanks !!!!!!

↧

Attachment in Mailgun

June 2, 2017, 3:14 am
$
0
0

I have no experience, but looked at the API docs for a second:
https://documentation.mailgun.com/api-sending.html#sending -> attachment:

attachment => File attachment. You can post multiple attachment values.
Important: You must use multipart/form-data encoding when sending attachments.

But there also seems to be ready made JS packages for Mailgun:
http://blog.mailgun.com/how-to-send-transactional-emails-in-a-nodejs-app-using-the-mailgun-api/
https://www.npmjs.com/search?q=mailgun
Might be easier to use one of these...

↧
Search

Ionic v2 submit infor pressing enter

June 2, 2017, 3:15 am
$
0
0

How do you create a text input that submits the info when the enter button is pressed? I've seen this solution:
<form (ngSubmit)="crearJugador()">
<ion-input class="inputNombresAndroid" type=submit placeholder="Nombre del jugador" [(ngModel)]="nombre" name="inputNombre">{{nombre}}</ion-input>
</form>
but it doesn't seem to work. Am I missing something?
Thanks

↧

In ionic 2 application.have inserted a json file in assets folder that json content must be store in sqlite database

June 2, 2017, 3:18 am
$
0
0

In ionic 2 application. i have inserted a json file in assets folder that json content must be store in sqlite database how can be this done?

↧
↧

Save device token with FCM in ionic 2

June 2, 2017, 3:20 am
$
0
0

thank you solved it.

↧

How to filter firebase array in ionic 3

June 2, 2017, 3:22 am
$
0
0

hello
how i can filter firebase array in ionic 3
i used this code to get content of firebase table

a

assets: FirebaseListObservable<any>;
  t:any;
   @Input() search: string = "";

  constructor(public navCtrl: NavController,public platform: Platform,private http: Http,private zone: NgZone,public angFire: AngularFire,public alert: AlertController) {
    this.assets = angFire.database.list('/sho/products');
  }

i want for example show only in ngfor contents with age 25
assets.age=25

↧

How To Delete Multiple Item From Ionic 3.3 List

June 2, 2017, 3:25 am
$
0
0

hello
How To Delete Multiple ion-item From Ionic 3.3 List Using CheckBox
here's my code i want to delete multiple student from the list using checkbox


  <ion-col col-10>
    <ion-label>{{student.name}}</ion-label>
  </ion-col>

  <ion-col col-1>
    <button ion-button full color="secondary" (click)="updateStudent(student)">
      <ion-icon name="create"></ion-icon>
    </button>
  </ion-col>
  <ion-col col-1>
    <button ion-button full color="danger" (click)="deleteStudent(student)">
      <ion-icon name="md-close"></ion-icon>
    </button>
  </ion-col>

</ion-row>

↧
Viewing all 228500 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>