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

Trouble opening menu after navigation to second page

$
0
0

i tried it but still menu is not opening…


Help us test the Ionic 5 Release Candidate!

One to one video calling in ionic 4

$
0
0

No twillio doesnot provide any support for ionic

IONIC5(Side Menus)-I have two different category pages and for both i need different sidemenu option

$
0
0

You could do it with a workaround in your menu page. Just remember where you are at the moment in a variable and display the menu entries you want based on your variable.

Ionic 5 Create Modal from Service with presentingElement

$
0
0

I’m currently migrating my ionic 4 Project to v5. In some cases i create a Modal within a Service. With the styling for IOS13 Styled Modals i need to Inject the IonRouterOutler. Within a Service i can’t start the App:

Any Ideas, or did someone of the Team can explain how ti solve this? I think adding IonRouterOutler to Modules Providers isn’t the Solution, because i than have to add more and more too.

How to implement referral code in ionic Mobile Apps while downloading from store

$
0
0

i am try to implement refer app and earn point or money like GooglePay And PhonePay

my point is how to implement in ionic 4 app

Isi it possible to get apple certificates without device?

$
0
0

I’m need to compile app for iOS and in order to do it i need to log in to apple dev center. It requires me to use “trusted device” in order to log in but the problem is that ti dont have any ios devices devices.

iOS 'GO' button in @ionic/react form

$
0
0

use action for form like

< form action="." >Preformatted text


One to one video calling in ionic 4

$
0
0

what are you used for video calling ?

Ionic 4 angular downloaded file using http get not exist

$
0
0

i use http Angular in ionic 4 for download file according this tutorial

progress did correct and it up to 100% and get Done message but downloaded file not exist

The Code :

download(url) {
    let req = new HttpRequest("GET", url, {
      responseType: "arraybuffer",
      reportProgress: true
    });

    return this.http.request(req).pipe(
      map(event => this.getStatusMessage(event)),
      tap(message => console.log(message)),
      last()
    );
  }

  getStatusMessage(event) {
    let status;
    switch (event.type) {
      case HttpEventType.Sent:
        return `Uploading Files`;

      case HttpEventType.DownloadProgress:
        status = Math.round((100 * event.loaded) / event.total);
        this.downloadProgress.next(status); // NOTE: The Content-Length header must be set on the server to calculate this
        return `Files are ${status}% downloaded`;

      case HttpEventType.Response:
        return `Done`;

      default:
        return `Something went wrong`;
    }
  }

Jarsigner: unable to open jar file: android-release-unsigned.apk

$
0
0

this is definitive solution for this problem, works for me

Help us test the Ionic 5 Release Candidate!

RTL Solution for Web

$
0
0

Hi guys.
I just found some kind of solution for Persian language and probably other RTL languages.
I added a simple attribute to my html tag and made it work with ionic toasts and alerts at least.
just modify your html tag like this: to see it working.
Hope you enjoy it.

Alireza

Add hyphenation in Ionic app

$
0
0

Hi Jaykay,

How can I use your hyphenate code on html

tags?

I have many paragraphs to which I would like to combine it.

[SOLVED][ionic-v4] How to change ion-tabbar active tab color

$
0
0

Hi
1-add ion-no-padding on ion-tab-button in html file
<ion-tab-button class=“ion-no-padding” tab=“partner-message”>


2-add css color when focus

ion-tab-button {
ion-icon {
width: 100%;
height: 100%;
}
}

ion-tab-button:focus {
ion-icon {
color: var(–ion-color-tertiary) !important;
–ion-color-base: var(–ion-color-tertiary) !important;
}
}


Using multiple routes to render the same component

$
0
0

Hello, I’m using Ionic 4 with React and am trying to use the IonRouterOutlet with multiples routes to render the same Component. In that Component I just want to update some DOM according to the current route and nothing else. Currently when I change the route, it shows the page transition from and to the same component, which I do not want for this use case only. I even tried to add “animated={false}” to the IonRouterOutlet, it stops the animation but there is a white flash frame while changing the route.

I tried using multiples Route with a different path and the same component like this:

<Route path="/declaration" exact component="Declaration" />
<Route path="/declaration/step" component="Declaration" />

Or a single routes with an array of paths like this:

<Route path={["/declaration", "/declaration/step"]} component="Declaration" />

Thanks in advance for your help!

IonTabBar with multiple rows

$
0
0

Shameless bump with atleast 20 characters!

Ionic 5 upgrade issue

$
0
0

I had the same issue but left angular.json alone. I changed main.ts to add import ‘@angular/compiler’; with the imports at the top and I can now do ionic serve. Didn’t have this issue pre Angular 9 and with Ionic 4.

Is it possible to run Ionic 3, Ionic 4 and Ionic 5 on the same machine?

$
0
0

Has projects in different versions and I would like to know if the Ionic Framework supports support of different versions on the same machine?

Ionic5 prod build fails

$
0
0

Hi all,

ionic info

Ionic:

   ionic (Ionic CLI)             : 4.12.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 5.0.0
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.1.2

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : none
   Cordova Plugins       : no whitelisted plugins (0 plugins total)

System:

   Android SDK Tools : 26.1.1 (/Users/lucascrivelli/Library/Android/sdk)
   ios-deploy        : 1.9.4
   NodeJS            : v10.16.1 (/usr/local/bin/node)
   npm               : 6.9.0
   OS                : macOS
   Xcode             : Xcode 10.3 Build version 10G8

After successfully migrated my app to Ionic v5, I wanted to build it for testing on real device:

ionic cordova build ios --release --prod

but that failed with the following error:

ERROR in ./node_modules/@ionic/angular/fesm2015/ionic-angular.js
Module build failed (from ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js):
TypeError: Cannot read property 'kind' of undefined
    at isAngularDecoratorMetadataExpression (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:265:35)
    at checkNodeForDecorators (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:77:21)
    at visitNodes (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/typescript/lib/typescript.js:16514:30)
    at Object.forEachChild (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/typescript/lib/typescript.js:16740:24)
    at checkNodeForDecorators (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31)
    at visitNode (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/typescript/lib/typescript.js:16505:24)
    at Object.forEachChild (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/typescript/lib/typescript.js:16635:21)
    at checkNodeForDecorators (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31)
    at visitNode (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/typescript/lib/typescript.js:16505:24)
    at Object.forEachChild (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/typescript/lib/typescript.js:16703:24)
    at checkNodeForDecorators (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31)
    at visitNode (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/typescript/lib/typescript.js:16505:24)
    at Object.forEachChild (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/typescript/lib/typescript.js:16692:24)
    at checkNodeForDecorators (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31)
    at visitNode (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/typescript/lib/typescript.js:16505:24)
    at Object.forEachChild (/Users/lucascrivelli/Desktop/APP/ionic/connexxion/node_modules/typescript/lib/typescript.js:16599:21)
[ERROR] An error occurred while running subprocess ng.
        
        ng run app:ionic-cordova-build:production --platform=android exited with exit code 1.
        
        Re-running this command with the --verbose flag may provide more information.

Did I miss something for the migration? Anyone else experiencing the same issue?

Side note:

  • ionic serve works great
  • Build works when downgrading @ionic/angular to 4.7.1

Thanks for your support.

Cheers,
Lucas

Viewing all 228598 articles
Browse latest View live


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