i tried it but still menu is not opening…
Trouble opening menu after navigation to second page
Help us test the Ionic 5 Release Candidate!
thanks……
One to one video calling in ionic 4
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
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
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
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?
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
use action for form like
< form action="." >Preformatted text
One to one video calling in ionic 4
what are you used for video calling ?
Ionic 4 angular downloaded file using http get not exist
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
this is definitive solution for this problem, works for me
Help us test the Ionic 5 Release Candidate!
fyi: i just created some issues, that appeared to me while migrating to v5:
RTL Solution for Web
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
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
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
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
Shameless bump with atleast 20 characters!
Ionic 5 upgrade issue
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?
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
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