@JEricaM wrote:

Hi. In my project I have different pages and all of them have a common footer defined in page app.html. The problem is that the footer overlap che content at the bottom of all my pages.

Senza titolo 1.jpg714x594 285 KB

I’ve seen a lot of questions about this problem, but I could not find any solution that worked for me.

This is the code of app.html page:

<ion-menu [content]="content">
  <ion-header>
    <ion-toolbar>
      <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-list>
      <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
        {{p.title}}
      </button>
      <button menuClose ion-item (click)="presentConfirm()">
        Log out
      </button>
    </ion-list>
  </ion-content>

</ion-menu>

<ion-footer>
  <ion-toolbar>
        Footer
  </ion-toolbar>
</ion-footer>

This an example of a standard page:

<ion-header>
  <ion-navbar>
    <ion-title>Welcome to Cesena Esplora!</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding class="card-background-page">

  <!--Contiene l'immagine -->
  <ion-card>
      <img src="assets/img/cesena.jpg"/>
      <div class="card-title">CesenaEsplora</div>
      <div class="card-subtitle">Un nuovo modo di visitare la città</div>
  </ion-card>

  <p class="button-login-reg">
    <button ion-button (click)=openLoginPage()>Login</button>
  </p>
  <p>
    <button ion-button (click)=openRegisterPage() >Register</button>
  </p>

</ion-content>

Thank you in advance.

Posts: 1

Participants: 1

Read full topic

@MarinoRaul wrote:

Hi!! When I push my code in IONIC PRO i got this error:

Error: Missing binding /usr/src/app/node_modules/node-sass/vendor/linux-x64-57/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 8.x

Found bindings for the following environments:

• Linux 64-bit with Node.js 7.x

Thanks for any help!

Raul

Posts: 2

Participants: 1

Read full topic

@phanhdev111 wrote:

Hi guys
I used api woocommerce - SignUp
1- case 1:
this.WooCommerce.postAsync(‘customers’, customerData, ).then((data) => {}
->> ERROR:
OPTIONS: 401 (Unauthorized)
Failed to load : Response for preflight has invalid HTTP status code 401

THEN I FIXED:
2-
let headers = new Headers();
headers.append(“Access-Control-Allow-Origin”, “*”);
headers.append(“Access-Control-Allow-Methods”, “PUT, POST, GET, OPTIONS, DELETE”);
headers.append(“Access-Control-Max-Age”, “3600”);
headers.append(“Authorization”, “Basic YWxhZGRpbjpvcGVuc2VzYW1l”);
headers.append(“Content-Type”,“application/json”);
let options = new RequestOptions({headers: headers});

this.WooCommerce.postAsync('customers', customerData, {headers: options}).then((data) => {}

ERROR:
Unhandled rejection Error: Invalid URI “/”

Anyone can help me?

uri2.png1042x398 165 KB

ur.png1491x451 429 KB

error2.png1216x743 639 KB

Posts: 1

Participants: 1

Read full topic

@lifesuxtr wrote:

I’m trying to add data to firebase under user authid.Right now firebase is generating its own keys. I mean I’m trying to connect sent messages to the user who sent it.(authenticated user)

Right now db is looking like this:

This is how I add message. There is a model file in models folder.

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {AngularFireAuth} from 'angularfire2/auth';
import {AngularFireDatabase,FirebaseListObservable} from 'angularfire2/database';
import {Message} from '../../models/message';


@Component({
  selector: 'page-newpost',
  templateUrl: 'newpost.html'
})
export class NewPostPage {
  message = {} as message;

    messageRef$ : FirebaseListObservable<Item[]>;

  constructor(private fire:AngularFireAuth,private db :AngularFireDatabase,public navCtrl: NavController) {
    this.messageRef$ = this.db.list('messages');



}


sendPost(message:message){

  const promise =  this.messageRef$.push({
          message: message.message,
          //location: Number(message.location),
      });
      promise
          .then(_ => {
              console.log('message added');
              this.message = {} as message;

          } )



}


}

This is how I generate profile:

import { Component,ViewChild } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import {AngularFireAuth} from 'angularfire2/auth';
import {AngularFireDatabase} from 'angularfire2/database';
import { TabsPage } from '../tabs/tabs';
//import { Profile } from '../../models/profile.ts';

@IonicPage()
@Component({
  selector: 'page-fp',
  templateUrl: 'fp.html',
})
export class FpPage {

//profile = {} as Profile
username: string
msgnumber: number
level: number



  constructor(private fire:AngularFireAuth,private db :AngularFireDatabase,public navCtrl: NavController, public navParams: NavParams) {
  }

  createProfile(){

this.fire.authState.take(1).subscribe(auth => {

this.db.object(`profile/${auth.uid}`).set({
username: this.username,
msgnumber: 0,
level: 0





}).then(() => this.navCtrl.setRoot(TabsPage));





})


  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad FpPage');
  }

}

thanks

Posts: 2

Participants: 1

Read full topic

@joelnoiret wrote:

Hi there! This is not a question, actually it’s an answer.

I’m new in Ionic framework and I’m trying to get post and content from my wordpress site.
Then I find a issue. I succesfully get the post but they have the code like ( vc_column ) from visual composer plugin so I search and found this:

REST API HELPER

This plugin help REST API for display featured media source, author, categories, and custom fields.
This plugin is made for Ionic Mobile App Builder, suitable used for ionicframework. This plugin also support for display custom field in metabox and also make it allow crossorigin only for json files. Compatible with rest-api2 and json-api.

This plugin will make the deal and will map all the code from WP Bakery Visual Composer.

Posts: 1

Participants: 1

Read full topic

@brunovercosam wrote:

Will ionic team implement Large titles feature of ios 11?!

Posts: 1

Participants: 1

Read full topic

@leoguima94 wrote:

Hi everyone!

I am getting an error in my app. When I use an ion-item with ion-label + ion-input / ion-chkbox i get this error:

TypeError: Cannot read property ‘children’ of null

When I remove the ion-label works fine!

Error Example:

<ion-item no-lines>
    <ion-label floating>TEXT HERE</ion-label>
    <ion-checkbox [(ngModel)]="pageDocument.accept"></ion-checkbox>
</ion-item>

Working Example:

<ion-item no-lines>
     <ion-checkbox [(ngModel)]="pageDocument.accept"></ion-checkbox>
 </ion-item>

Whats is the problem with the code? Thanks in advance!

Posts: 1

Participants: 1

Read full topic

@deherle wrote:

New ionic developer here, just trying to programatically change the background color of a div using data binding:

export class ActivatePage {

public _bar1Color: string;

constructor(public navCtrl: NavController) {

this._bar1Color = "green";

}

Any ideas where I’m going wrong?

Thanks!

Posts: 2

Participants: 2

Read full topic

@umefarooq wrote:

Hi,
I am looking for app privacy policy sample for an app to publish my app on ios app store and google play store. anybody can help me or share a sample of app privacy policy.

Posts: 1

Participants: 1

Read full topic

@lifesuxtr wrote:

Trying to pull data from firebase and display.i keep taking this error:
TypeError: _this.db.list(…).subscribe is not a function

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {AngularFireAuth} from 'angularfire2/auth';
import {AngularFireDatabase,FirebaseListObservable} from 'angularfire2/database';


@Component({
  selector: 'page-profile',
  templateUrl: 'profile.html'
})

export class ProfilePage {
  profileData: FirebaseListObservable<any>


  constructor(private fire:AngularFireAuth,private db :AngularFireDatabase,public navCtrl: NavController) {

this.fire.authState.subscribe(auth =>{



this.db.list(`/profile/${auth.uid}`).subscribe(profile => {

  console.log(profile);


});
});



  }

}

Any ideas ?

Posts: 1

Participants: 1

Read full topic

@rodneyjoyce wrote:

I am trying to build my normal package using Ionic Cloud and getting this error for iOS (Android is fine):

Anyone know what this means?

The following build commands failed:
Check dependencies
(1 failure)
Error: Error code 65 for command: xcodebuild with args: -xcconfig,/Users/package/workspace/apps-0faa2935-462/cordova/platforms/ios/cordova/build-release.xcconfig,-workspace,QueMesa.xcworkspace,-scheme,QueMesa,-configuration,Release,-destination,generic/platform=iOS,-archivePath,QueMesa.xcarchive,archive,CONFIGURATION_BUILD_DIR=/Users/package/workspace/apps-0faa2935-462/cordova/platforms/ios/build/device,SHARED_PRECOMPS_DIR=/Users/package/workspace/apps-0faa2935-462/cordova/platforms/ios/build/sharedpch

cli packages: (C:\git\QueMesaMobile\node_modules)

@ionic/cli-utils  : 1.13.1
ionic (Ionic CLI) : 3.13.2

global packages:

cordova (Cordova CLI) : 7.1.0

local packages:

@ionic/app-scripts : 2.1.4
Cordova Platforms  : android 6.2.3 browser 4.1.0 ios 4.3.1
Ionic Framework    : ionic-angular 3.7.1

System:

Node : v6.10.0
npm  : 3.10.10
OS   : Windows 10

Misc:

backend : legacy

Posts: 1

Participants: 1

Read full topic

@rashnk wrote:

Im first time trying super tabs (swipable tabs)
But cant get it worked, below is the eror details

Uncaught (in promise): Error: Template parse errors: Can't bind to 'root' since it isn't a known property of 'super-tab'. 1. If 'super-tab' is an Angular component and it has 'root' input, then verify that it is part of this module. 2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" <super-tabs> <super-tab [ERROR ->][root]="tab1Root" title="First page"></super-tab> <super-tab [root]="tab2Root" title="Second page">"): ng:///TabsPageModule/TabsPage.html@7:13 'super-tab' is not a known element: 1. If 'super-tab' is an Angular component, then verify that it is part of this module. 2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" <super-tabs> [ERROR ->]<super-tab [root]="tab1Root" title="First page"></super-tab> <super-tab [root]="tab2Root" title="Se"): ng:///TabsPageModule/TabsPage.html@7:2 Can't bind to 'root' since it isn't a known property of 'super-tab'. 1. If 'super-tab' is an Angular component and it has 'root' input, then verify that it is part of this module. 2. If 'super-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" <super-tabs> <super-tab [root]="tab1Root" title="First page"></super-tab> <super-tab [ERROR ->][root]="tab2Root" title="Second page"></super-tab> <super-tab [root]="tab3Root"

How to solve this ?

Capture.PNG306x547 38.5 KB

Posts: 1

Participants: 1

Read full topic

@francocor4 wrote:

I get this error when i build for android:

Please fix the version conflict either by updating the version of the google-services plugin (information about the latest version is available at https://bintray.com/android/android-tools/com.google.gms.google-services/) or updating the version of com.google.android.gms to 9.0.0.

Posts: 1

Participants: 1

Read full topic

@jamesharvey wrote:

Hello,

I see Ionic’s media plugin can start from a certain section of media file by using seekTo function.
Is there any way to use this with native audio plugin? Native audio plugin doesn’t seem to have this function while it’s clear native audio playback is superior than other audio playback.

Is it better to use media plugin over native audio plugin? can I preload audio files with media plug in?

Thank you

Posts: 2

Participants: 2

Read full topic

@luden wrote:

Hi,
I would like to use angular with ionic 3.
Wich files where to import modules .ts or .js?
How to implement angular in ionic views .html ?
Regards
Frank

Posts: 2

Participants: 2

Read full topic

@elifares wrote:

Hi,

When I run my Ionic 2 Angular app using Ionic serve -l in the command line, it runs perfectly fine, no error or warnings in the console log. When I run Ionic cordova build ios and open the project in Xcode to test it on my iPad, the app freezes when I open <ion-select>. I have no idea why, it used to work fine before, it just stopped working on it’s own. The only difference is I added the Push native plugin but it has nothing to do with the select input field.

  <!-- Region Selection -->
  <ion-item>
    <ion-label>Region</ion-label>
    <ion-select name="selectedRegion" (ngModelChange)="setServerLocation($event)" [(ngModel)]="selectedRegion" cancelText="Cancel">
      <ion-option *ngFor="let Region of Regions" [value]="Region.uri">{{Region.uri}}</ion-option>
    </ion-select>
  </ion-item>

The console output I am getting in Xcode when I tap the select input field is:

2017-10-20 16:08:28.699 Keep Mobile[869:1730106] DiskCookieStorage changing policy from 2 to 0, cookie file: file:///private/var/mobile/Containers/Data/Application/313F02AC-D4F4-47DB-AB4D-3B0B89E46CE7/Library/Cookies/Cookies.binarycookies
2017-10-20 16:08:29.100 Keep Mobile[869:1730106] Apache Cordova native platform version 4.4.0 is starting.
2017-10-20 16:08:29.103 Keep Mobile[869:1730106] Multi-tasking -> Device: YES, App: YES
2017-10-20 16:08:29.226 Keep Mobile[869:1730106] Using UIWebView
2017-10-20 16:08:29.232 Keep Mobile[869:1730106] [CDVTimer][handleopenurl] 0.423968ms
2017-10-20 16:08:29.245 Keep Mobile[869:1730106] [CDVTimer][intentandnavigationfilter] 12.285054ms
2017-10-20 16:08:29.246 Keep Mobile[869:1730106] [CDVTimer][gesturehandler] 0.410020ms
2017-10-20 16:08:29.251 Keep Mobile[869:1730106] VERSION LABEL: 0.1.8:1508527944:NO_DEPLOY_LABEL
2017-10-20 16:08:29.251 Keep Mobile[869:1730106] updating version label
2017-10-20 16:08:29.338 Keep Mobile[869:1730106] version is: 0.1.8
2017-10-20 16:08:29.340 Keep Mobile[869:1730106] uuid is:
2017-10-20 16:08:29.340 Keep Mobile[869:1730106] channel is: Master
2017-10-20 16:08:29.340 Keep Mobile[869:1730106] JSON Error: (null)
2017-10-20 16:08:29.341 Keep Mobile[869:1730106] unable to check for updates
2017-10-20 16:08:29.344 Keep Mobile[869:1730106] [CDVTimer][ionicdeploy] 97.365975ms
2017-10-20 16:08:29.344 Keep Mobile[869:1730106] [CDVTimer][ioniccordovacommon] 0.440955ms
2017-10-20 16:08:29.383 Keep Mobile[869:1730106] [CDVTimer][splashscreen] 37.862003ms
2017-10-20 16:08:29.413 Keep Mobile[869:1730106] [CDVTimer][statusbar] 30.077994ms
2017-10-20 16:08:29.417 Keep Mobile[869:1730106] [CDVTimer][keyboard] 2.961993ms
2017-10-20 16:08:29.417 Keep Mobile[869:1730106] [CDVTimer][TotalPluginStartup] 185.639977ms
2017-10-20 16:08:29.709 Keep Mobile[869:1730106] createNotificationChecker
2017-10-20 16:08:29.709 Keep Mobile[869:1730106] not coldstart
2017-10-20 16:08:29.714 Keep Mobile[869:1730106] active
2017-10-20 16:08:29.715 Keep Mobile[869:1730106] PushPlugin skip clear badge
2017-10-20 16:08:30.098 Keep Mobile[869:1730106] Resetting plugins due to page load.
2017-10-20 16:08:30.100 Keep Mobile[869:1730106] uuid is:
2017-10-20 16:08:30.100 Keep Mobile[869:1730106] ignore deploy
2017-10-20 16:08:30.100 Keep Mobile[869:1730106] ignore version: NO_DEPLOY_LABEL
2017-10-20 16:08:56.693 Keep Mobile[869:1730106] Finished load of: file:///var/containers/Bundle/Application/926DDBB2-4127-415B-8354-B63591B12D78/Keep%20Mobile.app/www/index.html
2017-10-20 16:08:57.102 Keep Mobile[869:1730106] THREAD WARNING: ['Device'] took '11.834961' ms. Plugin should use a background thread.
2017-10-20 16:08:57.451 Keep Mobile[869:1730106] Ionic Native: deviceready event fired after 24820 ms
2017-10-20 16:08:57.470 Keep Mobile[869:1730231] Push Plugin register called
2017-10-20 16:08:57.471 Keep Mobile[869:1730231] PushPlugin.register: setting badge to false
2017-10-20 16:08:57.471 Keep Mobile[869:1730231] PushPlugin.register: clear badge is set to 0
2017-10-20 16:08:57.472 Keep Mobile[869:1730231] PushPlugin.register: better button setup
2017-10-20 16:08:57.472 Keep Mobile[869:1730231] FCM Sender ID (null)
2017-10-20 16:08:57.473 Keep Mobile[869:1730231] Using APNS Notification
2017-10-20 16:09:00.083 Keep Mobile[869:1730106] active
2017-10-20 16:09:00.084 Keep Mobile[869:1730106] PushPlugin skip clear badge

Any help would be great. Thanks!

Posts: 1

Participants: 1

Read full topic

@salmanmd786 wrote:

Is there a way to download only required components/functionality in Ionic 1 without downloading the full ionic-angular js file. For example I just need the nav bar related functionality I don’t want any other functionality to be included.

So ionic-angular js file should have only nav related code not all.

Please suggest.

Posts: 1

Participants: 1

Read full topic

@kamayd wrote:

I am not able to build my project in ionic pro

build failed.png634x544 12.1 KB

Was working fine I did a simple html change and it is not longer working. It is building fine locally and in my gitlab using the same script.

There are no errors in the output that can point me to a solution.

Any suggestions? It looks like a bug to me.

Thanks

Posts: 1

Participants: 1

Read full topic

@Vartex05 wrote:

Hi, so far i was developing ionic apps on my notebook, but now i need to develop it also on my desktop computer, is there any way to move ionic project in some elegant way? I thought it was enough to copy src folder and run npm install, but that doesnt work. Any ideas?

Posts: 3

Participants: 2

Read full topic

@evanlegamer wrote:

Hi everybody. During the last 3 days, I’ve been trying to integrate the sumup payment platform (sumup is an application to pay by card from a box connected via Bluetooth https://sumup.com/)

In order to communicate with their application, they allow developers to open their application with a custom URL scheme (sumupmerchant: //pay/1.0).

In safari when I go to a page with this link
(<a href = "sumupmerchant: //pay/1.0"> Sumup </a>),
this opens the sumup application.

But when I put that same link in my application, sumup does not open anymore.
I also tried to open with angular http.post and http.get but it did not work either.

This is the documentation of sumup IOS API : https://github.com/sumup/sumup-ios-url-scheme

Do you have an idea of ​​how to open the sumup application with url scheme?
Or have you another possibility to open sumup application ?

Posts: 2

Participants: 2

Read full topic