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

[ionic4] How to change the app logo from within app

March 26, 2019, 5:24 am
↧
Search

Open modal in app-root element instead of ion-app

March 26, 2019, 7:16 am
$
0
0

@entom wrote:

Hello,
I need to create a modal and open in app-root element. Is it possible?
By default modal component will open in ion-app.
I’m trying to hide main ion-header behind the modal in Ionic 4.

Posts: 1

Participants: 1

Read full topic

↧
↧

Change background color of ion-item on click

March 26, 2019, 8:23 am
$
0
0

@niccoicco9 wrote:

hi, how i can change the background-color when i click on an ion-item?

my code:

     <ion-item (click)="openDetail(variant)">
          {{variant.ProductVariantName}}
          <ion-button slot="end" [hidden]="variant.ProductVariantValue.length==0" fill="clear" color="dark">
            <i [class]="variant.showDetail ? 'fa fa-arrow-up fa-lg':'fa fa-arrow-down fa-lg'"></i>
          </ion-button>
        </ion-item>

Posts: 1

Participants: 1

Read full topic

↧

Open Cash Drawer after print struck

March 26, 2019, 8:45 am
$
0
0

@ssauri wrote:

can anyone help me how to open cash drawer when my app finishing print, i have tried using starprnt but my bluetooth printer cant detect. im using ionic v3. thank you

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 and Vue.js

March 26, 2019, 10:17 am
↧
↧

Set "md" animation as default for both platforms - v4

March 26, 2019, 10:34 am
$
0
0

@anjildhamala1 wrote:

Ionic v4.12.0

The iOS page transition animations are very choppy. My toolbar that’s colored using color directive turns white for half a second before navigating to the previous page. I used to love wp-animation in v3. Unfortunately, there’s no such option anymore. Ideally, I don’t want to create my own animation. Has anybody figured out yet a way to set “md” animation as default for both platforms?

Posts: 1

Participants: 1

Read full topic

↧

How do I set the config settings for Android in Capacitor without resetting them on build

March 26, 2019, 10:37 am
↧

Cant run ionic in genymotion

March 26, 2019, 10:40 am
$
0
0

@yousry943 wrote:

You have been opted out of telemetry. To change this, run: cordova telemetry on.
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=undefined (recommended setting)
ANDROID_HOME=/usr/lib/android-sdk (DEPRECATED)
Starting a Gradle Daemon (subsequent builds will be faster)

FAILURE: Build failed with an exception.

  • What went wrong:
    Unable to start the daemon process.
    This problem might be caused by incorrect configuration of the daemon.
    For example, an unrecognized jvm option is used.
    Please refer to the user guide chapter on the daemon at https://docs.gradle.org/4.4.1/userguide/gradle_daemon.html
    Please read the following process output to find out more:

FAILURE: Build failed with an exception.

  • What went wrong:
    java.lang.ExceptionInInitializerError (no error message)

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org
    /usr/share/gradle/bin/gradle: Command failed with exit code 1
    [ERROR] An error occurred while running subprocess cordova.

      cordova run android exited with exit code 1.
  
  Re-running this command with the --verbose flag may provide more 
  information.

Posts: 1

Participants: 1

Read full topic

↧
Search

InAppBrowser plugin white screen delay

March 26, 2019, 11:00 am
$
0
0

@wekas wrote:

I display the InAppBrowser straight away. There is always 3-4 seconds of white screen between the splash screen and the browser opening the page I specified.
Is there any way I can speed this up or cover the white screen with something?

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic 4 animation library

March 26, 2019, 11:23 am
$
0
0

@dev-gilbert wrote:

Just wondering if anybody know of a tested proven library for basic animations such as fade in, etc, for ionic 4 apps. I am currently using animated.css as it’s easy to use but I’ve found a small bug on iOS and I would like to try other options.

Just in case someone is interested, Here I explain the bug:

It’s going to be hard to explain with just words but ill do my best. First, are you familiar with animate.css? if not, take a look at this fadeInDown animation https://daneden.github.io/animate.css/

Assume you apply that class to an element on your home page for example. When you first go to that page it works perfectly fine, but if from the home page you navigate to another page and then you navigate back to home again, the fade in effect will trigger right way as it’s supposed to do but the element will make a stop half way during the transition of the fade in animation, then it will continue with the animation until the element returns to its original position. This is happening only on iOS though, everything works fine on Android or the browser.

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

↧

Registration area for touch moves sometimes!

March 26, 2019, 11:32 am
$
0
0

@heardnetwork wrote:

I’ve got a weird bug that is killing my app on iOS. Sometimes (and i can’t find a pattern) when you hide the keyboard after you have inputted text into a form or modal, it moves the registration area of your touch!

to try and explain:

You add your text in the input field. The keyboard hides again, and If the username is taken then you have to try again. Only the area you click to input the text has now moved above the input field, so clicking on it makes it seem like it doesn’t do anything, and it seems to have frozen.

i’ve included a graphic to show it better than i have explained it (hopefully). If anyone can help, it’s killing the app as people aren’t able to click on the input again and think it’s broken!

forum
forum.jpg3375×2436 1.4 MB

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 devapp debugging

March 26, 2019, 11:54 am
$
0
0

@rfloka wrote:

Is there any way to debug Ionic 4 with devapp?

Im developing an aplication that uses Beacons and BLE and i really need debugging and ionic serve -c doesnt show anything

from what i read its a feature missing do you guys now any way to debug?

Posts: 1

Participants: 1

Read full topic

↧

Problems to emulate after xCode update

March 26, 2019, 2:19 pm
$
0
0

@jeansilva wrote:

After update my xCode from 10.1 to 10.2, I have problem to emulate the app on ios emulators.

After I run $ ionic cordova emulate ios -l, I get this:

BUILD SUCCEEDED
[cordova]  
[cordova]  No target specified for emulator. Deploying to undefined simulator
[cordova]  Device type "com.apple.CoreSimulator.SimDeviceType.undefined" could not be found.
[ERROR] An error occurred while running subprocess cordova.

$ ionic cordova emulate ios --list
Available ios virtual devices:

So I’ve did
$ cd platforms/ios/cordova/ && npm i ios-sim@latest

But, I keep getting No target specified for emulator. Deploying to undefined simulator, just like before.

I also tried instal the next version of ios-sim, but I think it’s compatible.

$ ionic info

Ionic:

   ionic (Ionic CLI)  : 4.12.0 (/Users/jeansilva/.nvm/versions/node/v8.12.0/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.3

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : ios 4.5.5
   Cordova Plugins       : no whitelisted plugins (13 plugins total)

System:

   Android SDK Tools : 26.1.1 (/Users/jeansilva/Library/Android/sdk/)
   ios-deploy        : 1.9.4
   ios-sim           : ios-sim/9.0.0-dev.1 darwin-x64 node-v8.12.0
   NodeJS            : v8.12.0 (/Users/jeansilva/.nvm/versions/node/v8.12.0/bin/node)
   npm               : 6.4.1
   OS                : macOS Mojave
   Xcode             : Xcode 10.2 Build version 10E125

Posts: 1

Participants: 1

Read full topic

↧
↧

How to create equal passwords validation in a simple way

March 26, 2019, 3:03 pm
$
0
0

@Fares95 wrote:

Hello my friends , I have a problem with a form that i can not know how to put validators for passwords
my page.html

<ion-header>

  <ion-navbar color="tertiary">
    <ion-buttons left>
      <button ion-button icon-only menuToggle="left">
        <ion-icon name="menu"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>Inscription</ion-title>
  </ion-navbar>

</ion-header>

<ion-content  padding >

<ion-row justify-content-center align-items-center style="height: 100%">
  <p>
    Inscrivez-Vous
  </p>
<form #f="ngForm" (ngSubmit)="presentToast()" [formGroup]="Form" (ngSubmit)="onSubmit(f)">

          <ion-item>
            <ion-label stacked>CIN  :  </ion-label>
            <ion-input  name="cin" type="number" placeholder="10558858" formControlName="cin" clearInput ngModel required></ion-input>
          </ion-item>

            <ion-item>
              <ion-label stacked>Nom et Prénom :  </ion-label>
              <ion-input  name="fullname" type="text" formControlName="fullname" placeholder="exp : Abir Tounsi " clearInput ngModel required></ion-input>
            </ion-item>

            <ion-item>
              <ion-label stacked>Email :  </ion-label>
              <ion-input  name="mailadress"  type="email" formControlName="mailadress"  placeholder="abir.tounsi@gmail.com " clearInput ngModel required></ion-input>
            </ion-item>

            <ion-item>
   <ion-label stacked>Mot de passe  :</ion-label>
   <ion-input name="password" type="password" formControlName="password" placeholder="Mot de passe" clearInput ngModel required></ion-input>
          </ion-item>

          <ion-item>
 <ion-label stacked>Retaper le Mot de passe  : </ion-label>
 <ion-input name="password-repeat" type="password" formControlName="password_repeat" equals-to="Form.password"  placeholder="Retaper le Mot de passe" clearInput ngModel="password" required></ion-input>
        </ion-item>

  <ion-item>
    <ion-label stacked>Date de Naissance : </ion-label>
    <ion-input name="date-ns" type="date" placeholder="Votre date de naissance : " formControlName="date_ns" displayFormat="MM DD YY" cancel-text ngModel="password_repeat" required></ion-input>
  </ion-item>

              <ion-col text-center>
              <button ion-button block color="success" (click)="onGoToInscrire()" [disabled]="f.invalid" >
                Inscrivez-Vous
              </button>
              </ion-col>

              <ion-col text-center>
                    <button ion-button block color="danger" type="reset" [disabled]="f.invalid">
                    Initialiser
                    </button>
                  </ion-col>
                </form>
</ion-row>
</ion-content>

my page.ts

import { Component, OnInit } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { ToastController } from 'ionic-angular';
import { EspaceCitoyenPage } from '../espace-citoyen/espace-citoyen';
import { FormBuilder, FormGroup, Validators, NgForm } from '@angular/forms';

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

export class InscriptionPage {
private Form : FormGroup;

constructor(public navCtrl: NavController, public navParams: NavParams, public toastCtrl: ToastController, private formBuilder: FormBuilder) {

this.Form = formBuilder.group({
    cin: ['', Validators.compose([Validators.required, Validators.pattern('[0-9]*'), Validators.minLength(8), Validators.maxLength(8)])] ,
    fullname: ['', Validators.compose([Validators.required, Validators.pattern('[a-zA-Z]*'), Validators.minLength(5), Validators.maxLength(30)  ])],
    mailadress: ['', Validators.compose([Validators.required , Validators.pattern('^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$')])],
    password: ['', Validators.compose([Validators.required, Validators.minLength(8) ])],
    password_repeat: ['', Validators.compose([Validators.required, Validators.minLength(8),  Validators.maxLength(30) ])],
    date_ns : ['', Validators.compose([Validators.required ])]
});


  }

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

onGoToInscrire() {
this.navCtrl.push(EspaceCitoyenPage);

}

presentToast() {
    const toast = this.toastCtrl.create({
      message: 'Félicitations ; Vous êtes inscrit !',
      duration: 4000
    });
    toast.present();
  }


  onSubmit(form: NgForm) {
      console.log(form.value);
  }

}

please help me , i am trying for hours and still did not solve this

Posts: 1

Participants: 1

Read full topic

↧

firebase.auth().currentUser is null after refresh

March 26, 2019, 7:03 pm
$
0
0

@wekas wrote:

I thought the firebase javascript SDK was meant to automatically refresh the token and keep the user logged in. When I refresh my page (web) the currentUser is reset to null and my authguard fails and I have to log in again.

Basically I want it to auto login the user / refresh token if needed. Anyone know how to do this?

Looked at these but couldn’t figure it out:


Posts: 1

Participants: 1

Read full topic

↧
Search

Disable Ion menu in login in Ionic4

March 26, 2019, 11:02 pm
↧

Can you undelete an ionic creator project?

March 26, 2019, 11:21 pm
$
0
0

@eejai42 wrote:

Is it possible to undelete a project? I had made a number of “Clones” and was trying to delete them - and must have inadvertently delete the NON clone!! i’ve lost like 5 days of work!

Is there ANY way to undo this? Please!

The project is called “TeleMeetUp Developer Portal” and was deleted less than 3 hours ago I think.

Thank you in advance!

Posts: 1

Participants: 1

Read full topic

↧
↧

Can't download creator.ionic.io app

March 26, 2019, 11:37 pm
$
0
0

@eejai42 wrote:

I use ionic creator - but when I try to download the project I’m working on today - it causes a horoku error.

Either from the dashboard, or from inside the project, if I click the Download button, and then click “Download project ZIP” - it hangs for about 30 seconds “waiting for creator.ionic.io” in the browser status bar, and then:

Application error

An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details. You can do this from the Heroku CLI with the command
heroku logs --tail

I can download some of my other apps - but not the “TeleMeetUp Client App”.

How do I troubleshoot this further?

Posts: 1

Participants: 1

Read full topic

↧

How to Encrypt and decrypt request, response through my ionic app with node js server

March 27, 2019, 12:20 am
$
0
0

@Dineshn wrote:

Hi,
I need to encrypt the request to node js server for ionic app.Also need the response in encrypted format for nodejs server. I required this because request and response data is display in plain json and anybody can read it by using any tool like burp or owasp.

Please help me on this.

Posts: 1

Participants: 1

Read full topic

↧

Access page child component in app.component.ts

March 27, 2019, 12:23 am
$
0
0

@john33john33 wrote:

Case:
handle hardware back button in app.component
in some pages, there’s
If exist custom back button, call “back” function inside that component
Else, use pop in nav controller if stack length > 1

Idea:

  1. Tried ViewChild in app.component; however, no reference found

  2. Look into (ionic-angular)Nav.last().getContent()
    Can see element in ion-content but not those in ion-header/ion-navbar

  3. Look into current view controller
    But no sign of child component of the page

Question:
In app.component, how to access current page element?

Thanks all

Posts: 1

Participants: 1

Read full topic

↧
Viewing all 71531 articles
Browse latest View live
Search