Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70440 articles
Browse latest View live

Ionic 4 header animation kit (hardware accelerated CSS)

$
0
0

@heidji wrote:

Header animation kit for Ionic 4

Ionic 4 is out and what better it is to do other than develop a header animation component? :smiley:
My goal is to make a header animation component for Supertabs-v4 but this plugin isn’t out yet so I’ll publish this one before it’s time to work on the rest of my goal…

The header-expand component is built as modular as possible, you can change almost everything and there’s a lot of room for your own ideas…

This is how it looks like so far:

Of course I’m open to ideas and suggestions and I will invest more time in it if you take the time to contact me.

https://github.com/heidji/ionic4-hidenav

https://www.npmjs.com/package/ionic4-hidenav

Posts: 1

Participants: 1

Read full topic


CSS on host element

$
0
0

@eebrando wrote:

I apologize as I’m sure similar things have been asked before, but I fail to find them when searching. I’m just getting started with my first Ionic app.

How can I override the CSS for the :host elements for the entire Ionic app that I’m making? Where are the default styles for that element coming from? Where would I place overrides? Ideally I would like to unset all of them.

I understand the basics of variables and encapsulation and I’m fine using them for most things, I just want the :host element to have no styles.

Posts: 1

Participants: 1

Read full topic

How do i integration paytm payment gateway in Ionic v3.9

TypeError: Cannot read property 'ngModuleByPipeOrDirective' of undefined

$
0
0

@rajputsachin wrote:

TypeError: Cannot read property ‘ngModuleByPipeOrDirective’ of undefined
at AotCompiler.emitAllImpls (F:\IndiansInCA\node_modules@angular\compiler\bundles\compiler.umd.js:30807:55)
at AngularCompilerProgram.generateFilesForEmit (F:\IndiansInCA\node_modules@angular\compiler-cli\src\transformers\program.js:709:46)
at AngularCompilerProgram._emitRender2 (F:\IndiansInCA\node_modules@angular\compiler-cli\src\transformers\program.js:303:27)
at AngularCompilerProgram.emit (F:\IndiansInCA\node_modules@angular\compiler-cli\src\transformers\program.js:212:22)
at F:\IndiansInCA\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:223:38
at step (F:\IndiansInCA\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:32:23)
at Object.next (F:\IndiansInCA\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:13:53)
at fulfilled (F:\IndiansInCA\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:4:58)

error come only when i build apk

ionic info

cli packages: (F:\IndiansInCA\node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)

local packages:

@ionic/app-scripts : 3.2.2
Cordova Platforms  : android 7.1.4 browser 5.0.4
Ionic Framework    : ionic-angular 3.9.4

System:

Node : v10.15.1
npm  : 6.7.0
OS   : Windows 10

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : pro

Posts: 1

Participants: 1

Read full topic

Admin and user (multiple auth)

$
0
0

@ariff23 wrote:

any can help me?
how to set admin and user login go to the different page.

userservice.ts

import { Http } from ‘@angular/http’;
import { Injectable } from ‘@angular/core’;
import * as firebase from ‘firebase’;

/*
Generated class for the UserserviceProvider provider.

See https://angular.io/guide/dependency-injection for more info on providers
and Angular DI.
*/
@Injectable()
export class UserserviceProvider {

public data: any;
public fireAuth: any;
public userProfile: any;

constructor(public http: Http) {

this.fireAuth = firebase.auth();

this.userProfile = firebase.database().ref('users');

}

loginUserService(email: string, password: string): any {
return this.fireAuth.signInWithEmailAndPassword(email, password);
} //call firebase

signupUser(account: {}): Promise {
return firebase.auth().createUserWithEmailAndPassword(account[‘email’], account[‘password’]).then(newUser => {
firebase.database().ref(userProfile/${firebase.auth().currentUser.uid}).set(account);
});
}

}

home.ts ( login page)

import { Component } from ‘@angular/core’;
import { NavController, NavParams, LoadingController, ToastController } from ‘ionic-angular’;
import { UserserviceProvider } from ‘…/…/providers/userservice/userservice’;
import { RegisterPage } from ‘…/register/register’;
import { FirstpagePage } from ‘…/firstpage/firstpage’;

@Component({
selector: ‘page-home’,
templateUrl: ‘home.html’,
providers: [UserserviceProvider]
})
export class HomePage {

public email: string;
public password: string;

constructor(public usersService : UserserviceProvider,
public loadingCtrl: LoadingController, public toastCtrl: ToastController,
public navCtrl: NavController, public navParams: NavParams) {
}

signIn(){

var that = this;

var loader = this.loadingCtrl.create({
      content: "Please wait..."
    });
    loader.present();


    this.usersService.loginUserService(this.email, this.password).then(authData => {
      //successful
      loader.dismiss();
      that.navCtrl.setRoot(FirstpagePage);

    }, error => {
loader.dismiss();
     // Unable to log in
      let toast = this.toastCtrl.create({
        message: error,
        duration: 3000,
        position: 'top'
      });
      toast.present();

that.password = ""//empty the password field

    });

}

resetPwd(){}

register(){
this.navCtrl.push(RegisterPage);
}

}

Posts: 2

Participants: 1

Read full topic

Help to updating project in ionic4

$
0
0

@rajputsachin wrote:

my project in ionic3 but now ionic4 is come , and i update cli to ionic4 then my ionic3 code is not working so there is any solution that i update cli to ionic4 and also my code is working which is written in ionic3.

Posts: 1

Participants: 1

Read full topic

How to change name of days & months in ionic2-calendar to local language

$
0
0

@anitatmj wrote:

Hi all
I want to change the name of days&month to my local language…not to national language, where i can change it?
example:
days :
sun > ahad
mon > seul
fri > jumat

use ionic2-calendar@0.4.x and ionic v 3
please help me…

Posts: 1

Participants: 1

Read full topic

Set Gradle version

$
0
0

@Kyrax80 wrote:

Hi, is there a way to set with which Gradle version I wanna compile my Android project when I do ionic cordova build/run android??

Thanks

Posts: 1

Participants: 1

Read full topic


How can I total all the prices on my cart

HttpClient cannot ignore or bypass self signed certificate error

$
0
0

@chatchaicbv wrote:

Hello everybody. I have tried to send a POST data to a server but i received an error , “net::ERR_CERT_INVALID”. The code as shown below is what I tried to bypass the error but it’s still fail. Please help advice.

import { HttpClient, HttpParams } from '@angular/common/http';

createData(data): Promise<any> {
    let post_message = data;
    let header_node = {
      Accept: 'application/json',
      rejectUnauthorized: 'false',
    }
    // this.oauth_header.Authorization = 'Bearer ' + access_token;
    const url_params = new HttpParams()
      .set('rejectUnauthorized', 'false')
      .set('requestCert', 'false')
      .set('insecure', 'true')

    return this.http.post('https://ip/createdata', post_message, {
      headers: header_node,
      
    }).toPromise();

Posts: 1

Participants: 1

Read full topic

Ionic vs Native Apps : What to choose in 2019?

What's New in ionic 4?

$
0
0

@Harry13 wrote:

Hello Everyone,

I am Technology Expert, blogger and also the technology consultant to guide startups about the which technology you have to choose. therefore I am going to write one blog about the big comparison of Flutter Vs ionic vs React native? but here I am facing some issues, therefore I have some questions regarding these frameworks and expecting helpful answers so I can assist every startup in a better way.

  • Why we are comparing these 3 (Flutter Vs ionic 4 vs React native) platforms?
  • Why ionic 4 is much better than other platforms?
  • What are the pros and cons of choosing this platform?
  • Which Hybrid-Framework has more future?
  • Will Ionic Framework replace Android Java development in the future?
  • Are there any limits with Ionic Framework?
  • Is Ionic Framework good enough for a heavy database app?

Awaiting best replies and I will feature your name as best answer I got in the ionic form.

Posts: 1

Participants: 1

Read full topic

Ionic 4 Android APK Expansion Files

Funny Origin: ionic://localhost CORS header on ios

$
0
0

@nharrer wrote:

Hi.

I have just upgraded an app to ionic4. As far as I understand, a new webview is used in Cordova for ios which enforces CORS. So far so good.

I was surprised though that ios is sending:

Origin: ionic://localhost

I had expected http://localhost. It’s not really a problem since I have control over the server and added it to the allowed origins. I am wondering however what the reason for this url is? I have ran the same app on platforms android and browser. And there it sends http://localhost as expected.

Here is a capture of the traffic:

Posts: 1

Participants: 1

Read full topic

Ionic 4 "loading" overlay comes up too late

$
0
0

@arnhrwd wrote:

I have a page change that takes a little long due some graphics and other things that need to load. I’m trying to implement a “loading” overlay that should show up immediately the button to change pages is clicked, and then disappears when the page that loads has finished loading. The problem is that the “loading” overlay only comes up briefly, after the page has finished loading. The relevant code is:

public goToMain() {
    this.presentLoading();
    this.router.navigateByUrl('/tabs/tab1');
}

async presentLoading() {
    this.loading = await this.loadingController.create({
      translucent:true,
      message:"Loading..."
    });
    await this.loading.present();
}  

How can I force the loading screen to be displayed before the navigation takes place?

Posts: 2

Participants: 1

Read full topic


Ionic v4 vertical center IonSlide

$
0
0

@avex wrote:

ion-slide was wrapped by .swiper-wrapper, we can vertical center align ion-slide to ion-slides via change the css class “.swiper-wrapper”.
But now, Ionic4 put it in SHADOW.
How do you vertical align ion-slide in ion-slides now?

Ionic4 makes components as web component, and it’s very hard to style.
It increase very much time for developing, without js styling, is there any easy way to style component?

Posts: 1

Participants: 1

Read full topic

Fingerprint Aio not wokring Error: Uncaught (in promise): TypeError: Object(...) is not a function

$
0
0

@sedar wrote:

i am using fingerprint aio plugin.
Login.ts

 async showFingerPrintDialog (){
   
    this.faio.show({
      clientId:'FingerPrint Lock',
      clientSecret:'password',
      disableBackup: false
    })
    .then(result=>{
      alert('sucess');
    })
    .catch(err=>{
      console.log('Err '+err);
    })
}

Error

Uncaught (in promise): TypeError: Object(...) is not a function
TypeError: Object(...) is not a function
    at FingerprintAIO.show (index.js:28)
    at LoginPage.<anonymous> (login.ts:32)
    at step (main.js:1564)```

how to solve this problem?

Posts: 1

Participants: 1

Read full topic

Setting of ionic date and time does not display properly, Ionic 3?

$
0
0

@ariang wrote:

I have the following ionic 3 date picker.

<ion-col col-12> <ion-datetime displayFormat="MMM DD, YYYY HH:mm" [(ngModel)]="dateSession"></ion-datetime> </ion-col>

Select the date and time displays this Jan 03, 2019 15:00, for example.

Setting the date and time, on load for however displays nothing.
this.dateSession = 'Jan 01, 2019 00:00'

Doing this
<ion-col col-12> {{dateSession}} <ion-datetime displayFormat="MMM DD, YYYY HH:mm" [(ngModel)]="dateSession"></ion-datetime> </ion-col>

displays this…2019-01-01T15:00:00Z

What would be the way to set this value so that it displays in accordance to the displayFormat, as if the date was ‘picked’?

Posts: 1

Participants: 1

Read full topic

Problème d'utilisation de sqlite

$
0
0

@Frankuriel1 wrote:

Bonjour Je voudrai créer un provider à l’intérieur créer des méthodes dynamique pour des requête sqlite mais je n’arrive pas à les rendre dynamique surtout au moment où il faut extraite les donne et envoyer dans un tableau.

Posts: 1

Participants: 1

Read full topic

Custom button for ion-select through [selectOptions]

$
0
0

@puremonk wrote:

I want an ion-select with one button saying ‘save’. I also want to use a handler for that button.
This is what my ion-select alert looks like currently:
image

The ‘cancel’ and ‘ok’ buttons should be replaced by just one ‘save’ button.
I was able to change the title and message of the ion-select alert, but for some reason the buttons won’t change.
Note: this select is a component.
In my .ts file:

this.selectOptions = {
      title: this.global.translate.selectPark,
      message: this.global.translate.onlyChooseOnce,
      buttons: [
        {
          // Save button
          text: this.global.translate.save,
          handler: () => {
            console.log('Save clicked');
            this.storage.set(this.parkKey, this.parkValue).then((value) => {
              console.log('storage.set returs: ', value);
              this.parkLocationChoose.setParkValue(this.parkValue);
            })
          }
        }
      ]
    }

my html:

<ion-select #parkSelect [selectOptions]="selectOptions">
      <ion-option *ngFor="let park of parks" [value]="parkValue">
        {{ park }}
      </ion-option>
</ion-select>

Posts: 1

Participants: 1

Read full topic

Viewing all 70440 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>