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

How to pass data from one page to another

June 16, 2020, 5:35 pm
$
0
0

My issue is that i can’t send value data from one page to another page. I was searching and I found that i had to use navParams or NavController.push…something like that, but it doesn’t work for me. I’m developing on Ionic 5

I would like to send the content of this array:

markers: any = [
    {
        title: "SAT Aduana de Lázaro Cárdenas ",
        latitude: "17.982166 ",
        longitude: "-102.179184"
    },
    {
        title: "Aduana de Acapulco",
        latitude: "16.848811",
        longitude: "-99.905043"
    },
    {
        title: "Aduana de Manzanillo",
        latitude: "19.075488",
        longitude: "-104.285516"
    }
     
  ];

to another page, and then use it.
I hope someone can help me.

1 post - 1 participant

Read full topic

↧
Search

Using Ngrx DevTools with Ionic 5

June 16, 2020, 8:39 pm
$
0
0

I am trying to follow this link to use the Ngrx DevTools. But Ionic uses @ionic/angular-toolkit, and we need to enable the Ngrx Schematics which replaces that. Is there a way to have both?

Changes in Angular.json
  "cli": {
--"defaultCollection": "@ionic/angular-toolkit"
++"defaultCollection": "@ngrx/schematics"
},

1 post - 1 participant

Read full topic

↧
↧

Ionic voricles-obfuscate plugin

June 16, 2020, 10:22 pm
↧

Ionic tab button shoud hide on some onlick() function

June 17, 2020, 12:13 am
$
0
0

i want to hide my ion-tab-bar when a div is loaded using *ngif directive.
but do not know how to do this.
my tab code is

 <ion-tabs>
    <ion-tab-bar slot="bottom">
      <ion-tab-button tab="explore">
      <ion-icon  src="../../assets/no upcoming ride/icon-explore@3x.svg"></ion-icon>
        <ion-label>Explore</ion-label>
      </ion-tab-button>
      <span class="border-left"></span>
      <ion-tab-button tab="suggested" class="tab-btn2">
        <ion-icon src="../../assets/no upcoming ride/icon-suggested@3x.svg"></ion-icon>
        <ion-badge>1</ion-badge>
        <ion-label>Suggested</ion-label>
      </ion-tab-button>
      <span class="border-right"></span>
      <ion-tab-button tab="upcoming">
        <ion-icon src="../../assets/no upcoming ride/icon-upcoming@3x.svg"></ion-icon>
        <ion-label>Upcoming</ion-label>
        <ion-badge>2</ion-badge>
      </ion-tab-button>
    </ion-tab-bar>
  </ion-tabs>

my explore-page-ts is like this

export class ExplorePage implements OnInit {
  public explore:any;
  public currentRide:any;
  public pickUp:any;
  public dropOff:any;
  public paymentDone:any;

  constructor(){
    this.explore = true;
    this.currentRide = false;
    this.pickUp = false;
    this.dropOff = false;
    this.paymentDone = false;
  }
  ngOnInit() {
  }

  accept(){
    this.explore = false;
    this.currentRide = true;
  }
  onWay(){
    this.currentRide = false;
    this.pickUp = true;
  }
  startTrip(){
    this.pickUp = false;
    this.dropOff = true;
  }
  endTrip(){
    this.dropOff = false;
    this.paymentDone = true;
  }
  done(){
    this.paymentDone = false;
    this.explore = true;
  }
}

and my explore page html is like

<ion-content>
<div *ngif="next">
//my div content
<ion-button (click)="btn-press()">
</div>

and in the child page-> Explore
i have different divs which i hide and show depending on the logic.
what i want is when the app load all tabs shold be show at bottom and they are currently showing but when explore tab is selected and its content is displayed in which there is a button on which some onclick() function is pressed then the ion-tab-bar should hide.
on this btn-press function tab-bar should hide.
sorry for my english.
thanks,

1 post - 1 participant

Read full topic

↧

Ionic 5 ion-button outline with background

June 17, 2020, 12:34 am
$
0
0

How to add background to the outline button ionic 5?
i made this code but it doesn’t work

html

<ion-button class="show-background" fill="outline" color="danger">Test</ion-button>

scss

ion-button.show-background {
--background: white;
}

1 post - 1 participant

Read full topic

↧
↧

iOS Password Autofill for inputs

June 17, 2020, 12:49 am
$
0
0

Hi,

I am trying to implement this functionality into my Ionic APP. This is my HTML code:

<ion-input #username id="user-text-field" name="username" autocomplete="username" no-margin margin-bottom formControlName="username" type="text"
                           placeholder="{{ 'Login.username' | translate }}">
                </ion-input>
              
                <ion-input id="password-text-field" name="password" autocomplete="current-password" no-margin margin-bottom formControlName="password"  type="password"
                           placeholder="{{ 'Login.password' | translate }}">

                </ion-input>

When I focus into a ion-input the ‘password bar’ appears to select a password, If I click into some stored password then:

Ionic v3:
Nothing occurs until I focus out and focus in again. When I focus again the username and password are filled into.

Ionic v4:

Username and password are correctly filled into

On ionic v3 I have tried to programatically focus into the inputs and also get the values some time after the filled but the inputs are ‘empty’ until they are manually focus again.

Some help/idea about this problem?

Another question is, in case that the login are succesfully, where/how can I store the credentials to use it with successive logins on ionic apps?

Thanks a lot

1 post - 1 participant

Read full topic

↧

Ionic 5 App crashs on trying to convert speech to text while on call

June 17, 2020, 2:30 am
$
0
0

Hi,
I have a ionic app created where I am using speech to text conversion plugin of cordova. Its working well in android but when trying to use speech recognition feature when on call, the ios application crashes.

Can anyone help me resolve this.
Also want to know how to use exception handling ionic app.

Thanks,
Seema Sharma

1 post - 1 participant

Read full topic

↧

How to call the url_scheme of another app with Ionic4?

June 17, 2020, 3:20 am
$
0
0

Hi,
I have to integrate an Ionic4 app with an external app.
This is an app installed on the same device.
I have to call an url_scheme such as:

satispay://open/payment?id=XXX&var1=YYY

I have also to get a return value from this app.
Is it possible with Ionic4?
Which is the right way to do this call?

Thank you very much

Claudio

1 post - 1 participant

Read full topic

↧
Search

Input focus will not trigger keyboard on Android

June 17, 2020, 4:15 am
$
0
0

Android focus will not trigger soft keyboard

I’ve created this sample repo to reproduce an issue (or intended behavior?) related to input focus when a webview is served from Android.

This sample app contains a single text input (type number) that receives focus after 3000 ms using setTimeout. On iOS this runs as I would expect. They input field receives focus and the OS soft keyboard is shown.

However, on Android although the input field receives focus the keyboard is not triggered. Focus is received as it is both visible with a blinking caret as well as confirmed by document.activeElement.

If the user interacts with the page canvas (just tap anywhere else but the input itself) before the 3000 ms has elapsed, the input receives focus and the keyboard is triggered.

On iOS it seems this behavior can be controlled with the KeyboardDisplayRequiresUserAction configuration. But I haven’t been able to figure out how to do something similar for Android.

I know I can trigger the keyboard manually using the Capacitor keyboard plugin, but that way the input type (here number) will not be respected and the regular keyboard is shown.

Is this is expected behavior and if so is there anything we can do to override this?

Please see this repro:

Any input is much appreciated.

Kind regards
Peter

1 post - 1 participant

Read full topic

↧
↧

UIWebview to WKWebview

June 17, 2020, 5:30 am
$
0
0

Hi, I am having some issues submitting my app to App Store. My current version is on ionic 2, how can i change/update this from UIWebview to WKWebview. or this is even possible?

1 post - 1 participant

Read full topic

↧

Ios emulator

June 17, 2020, 5:35 am
$
0
0

Hello,
To all the devs that are on windows, what do you use as an IOS emulator?
Thank you in advance.

1 post - 1 participant

Read full topic

↧

Best method for rewrite/overwrite a file in filesystem using File plugin

June 17, 2020, 5:39 am
$
0
0

Maybe this is a very simple and obvious question, but I didn’t find the answer anywhere and I would like to be sure before implementing it in my app.

The File plugin gives us 2 methods to rewrite a file, at least I could tell. The first is using method createFile() with option replace = true, which will remove the contents of the original file. Then it is possible to write into that file using the method writeExistingFile().

The second option is through method removeFile(), which will remove the file, then it is possible to create a new file with the same name through method writeFile().

I would like to know which of these methods is the most efficient or if there is an even better method that I haven’t mentioned.

1 post - 1 participant

Read full topic

↧

multiple=“true” is not displaying the options in a checklist in ionic 5 angular 8

June 17, 2020, 6:33 am
$
0
0

ion-select multiple=“true” is not displaying the options in a checklist in ionic 5 angular 8, it’s just displaying them in a list without checkboxes, what’s the reason?

<ion-item>
      <ion-select required placeholder="اختر الصنف" multiple="true" okText="تم" cancelText="الغاء">
        <ion-select-option value="1" >الوصفات السهلة</ion-select-option>
        <ion-select-option value="2">الوصفات السريعة</ion-select-option>
        <ion-select-option value="3">الوصفات النباتية</ion-select-option>
      </ion-select>  
 </ion-item>

strong text

2 posts - 2 participants

Read full topic

↧
↧

How to hide play symbol of video autoplay?

June 17, 2020, 8:40 am
$
0
0

So, I have a video playing on the background with autoplay. However, when the page loads and it starts playing, the play symbol appears. Picture:

image

.video {
  position: fixed;
  z-index: 2;
  object-fit: fill;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

<video class="video" autoplay muted loop>
  <source src="assets/video/background.webm" type="video/mp4">
</video>

Is there any way to hide the symbol?

1 post - 1 participant

Read full topic

↧

Can I use ionic without any framwork?

June 17, 2020, 9:28 am
↧
Search

Can I change platform style?

June 17, 2020, 10:10 am
↧

What should i use, SSL or JWT?

June 17, 2020, 10:43 am
$
0
0

Hi im new developing mobile apps, i have to create an app that get data from springboot backend, i already implemented JWT on Both sides but i dont know if it is enough or i need to use a SSL certificate too?.

The information that the aplication handle is password, email and personal information of the user.

Best regards

2 posts - 2 participants

Read full topic

↧
↧

Alert for user : there's an update

June 17, 2020, 10:48 am
$
0
0

Hello,

I would like to add an alert when the user does not have the latest version of the application on Android or iOS.

In the best of cases, this alert should also be able to force the user to update if its version is too old.

I found this plugin (https://github.com/NextFaze/ionic-manup) but I did not manage to make it work because it seems too old.

Do you have any ideas ? thank you in advance

1 post - 1 participant

Read full topic

↧

Creating an app compatible for iPad 2 (iOS 9.3.6)

June 17, 2020, 11:52 am
$
0
0

Hello,

I wan to create an app with comptability for the iPad 2 running 9.3.5. Does anyone know which version of Ionic I need to use?

I researched that Cordova 6 dropped support for so I checked the version list and I see that Cordova 5.4.1 the latest 5.x.x is. So I need to use Cordova 5.4.1.

But which Ionic version do I need to use in cohort with that? Can anyone point me out to the right npm install command I then have to use? Would really appreciate it.

1 post - 1 participant

Read full topic

↧

Upgrade to lastest versions of Ionic and Angular

June 17, 2020, 12:26 pm
$
0
0

Hello,

Sorry in advance if this has been asked already.

I have a set of Ionic 3/Angular 4 apps that I want to upgrade the latest versions of Ionic and Angular. I’ve sifted through the migration guides a bit, and there is a migration guide from 3 -> 4 and from 4 -> 5.

I’m wondering, should I follow the same path and upgrade that way, or should I go straight from 3 -> 5? I’m thinking that there isn’t any reason to go through the intermediary step of going from 3->4, but I’m a relative Ionic noob so I’m open to advice on this.

Any advice would be greatly appreciated… Thanks!

2 posts - 2 participants

Read full topic

↧
Viewing all 71531 articles
Browse latest View live
Search