Try this:
Printing on bluetooth printers
I'm not able to run app
You should type ‘npm i’ first.
Ionic 4 Menu automatically opening when clicking link in other menu
I have 2 menu’s on a page. And they all work fine, except when I click on a link in my “side-menu” it closes that menu and loads the new page which is what its supposed to do but then it automatically opens my “mainMenu” on page load. Any idea why this menu is automatically opening after a link is clicked in the other menu?
app.component
<ion-app>
<ion-menu menuId="mainMenu" side="start" contentId="mainMenu" swipe-gesture="false">
<ion-header>
<ion-toolbar>
<ion-title>Pages Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-menu-toggle *ngFor="let p of appPages">
<ion-item [routerDirection]="'root'" [routerLink]="[p.url]">
<ion-icon slot="start" [name]="p.icon"></ion-icon>
<ion-label>
{{p.title}}
</ion-label>
</ion-item>
</ion-menu-toggle>
</ion-list>
</ion-content>
</ion-menu>
<app-side-menu></app-side-menu>
<ion-router-outlet id="mainMenu"></ion-router-outlet>
</ion-app>
side-menu.component
<ion-menu side="end" menuId="sideMenu" id="sideMenu" contentId="mainMenu" swipe-gesture="false">
<ion-header>
<ion-toolbar color="primary">
<ion-title>Steps</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<div *ngFor="let p of menu">
<ion-item button *ngIf="p.children?.length > 0" (click)="p.open = !p.open" [class.active-parent]="p.open" detail="false">
<ion-icon slot="start" name="arrow-forward" *ngIf="!p.open">,/</ion-icon>
<ion-icon slot="start" name="arrow-down" *ngIf="p.open">,/</ion-icon>
<ion-label>{{ p.title }}</ion-label>
</ion-item>
<ion-list *ngIf="p.open">
<ion-menu-toggle>
<ion-item class="sub-item" *ngFor="let sub of p.children" [routerLink]="['/main', gameId, sub.steps_id]" routerDirection="root" [ngClass]="{'active': sub.steps_id==stepId}">
<ion-label>
{{ sub.name }}
</ion-label>
</ion-item>
</ion-menu-toggle>
</ion-list>
</div>
</ion-content>
</ion-menu>
and the page header where I display both menus
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-menu-button menu="mainMenu"></ion-menu-button>
</ion-buttons>
<ion-buttons slot="end">
<ion-menu-button menu="sideMenu"></ion-menu-button>
</ion-buttons>
<ion-title>
Home
</ion-title>
</ion-toolbar>
</ion-header>
Draw over other Apps
Sure,
like facebook messenger. If facebook messenger will display over other apps in every where in the mobile with small chat head. like that my application also will show the icon. If i opened my application and redirect from my application to youtuve or maps throug my application only. So, my application is in back ground and maps will display in fore ground. In that maps also my own app icon will display aside like facebook messenger. which is in ionic4 only. refer image also provided below.
please help me out from this issue.
Thanks in Advance
Full screen slides / photo gallery
One more issue…
Using back button closes gallery as expected. But then if i open gallery again. Then everytime i click different image, it still shows last image.
If i manually click close button then things working fine.
Do you know how can i click close button programatically?
Printing on bluetooth printers
Hello @razmans,Thanks for the response. For now, this is what i am doing. But this leads me to the print preview page. But what i need to know is how can i connect to bluetooth printer and print a pdf file in printer directly? Can you share some idea about how to do that. Thanks again!
Ionic 4: how to decrease the height of ion-segment-button?
Hello All. Try this.
ion-segment-button {
height: 40px;
min-height: 40px;
}
ion-segment-button.segment-button-checked {
border-bottom: 2px solid;
}
Need advice for sharing business logic between multiple projects
So, after a great deal of reading, playground projects, and trial and error, none of the three options that @mikrochipkid proposed turned out to be appropriate, tl;dr: I need to share the business logic contained within Angular services specifically, where those three options go into advanced usage areas with creating services in the application in question to share data between components created with them.
As such, I am going to stick with Angular libraries for this task. Fortunately I can add a library project to my application’s workspace and move business logic around quite easily, from which point it’s simple to move the library project to a separate workspace and install it through NPM.
Either way, since this is an Angular-specific issue (i.e.: not directly related to Ionic), I’ll probably have better luck finding the info I need somewhere other than this forum.
IONIC - App contents not loading in some android versions
Hi
Am using ionic version ( 3.15.0). am developing a simple app and published in play store. Right now am facing the issue content not loading. while am debugging the apk app it’s worked . after singed the --release --prod apk ( zipalign ) it’s not worked.
ionic info
cli packages: (/usr/local/lib/node_modules)
@ionic/cli-utils : 1.15.0
ionic (Ionic CLI) : 3.15.0
global packages:
cordova (Cordova CLI) : 7.0.1
local packages:
Cordova Platforms : android 6.2.3 ios 4.4.0
Ionic Framework : ionic1 1.3.3
System:
Android SDK Tools : 26.1.1
ios-deploy : 1.9.1
Node : v8.4.0
npm : 5.7.1
OS : macOS
Xcode : Xcode 11.3.1 Build version 11C504
Environment Variables:
ANDROID_HOME : /Users/test/Library/Android/sdk
Misc:
backend : pro
cordova plugin
cordova-plugin-device 1.1.5 “Device”
cordova-plugin-inappbrowser 1.7.0 “InAppBrowser”
cordova-plugin-network-information 1.3.2 “Network Information”
cordova-plugin-splashscreen 4.0.2 “Splashscreen”
cordova-plugin-statusbar 2.2.2 “StatusBar”
cordova-plugin-whitelist 1.3.4 “Whitelist”
ionic-plugin-keyboard 2.2.1 “Keyboard”
Not working some android version.
it’s Working some android versions.
The app worked some android versions , I don’t know how to solve this , Please help me to solve the issue.
Process Chat between two user using ionic and firebase
HI, this is Aliza. Actually I have an issue related to ionic 4 firebase chat application. I’m stuck on chat functionality between both users. Can someone help me in this?
Draw Over All Apps Cordova Plugin For Android
Am getting same issue. Can you resolved means can you please explain how ?
How to prevent restart on resume?
Did you find any solution? Same problem here.
HTTP Get Requests (Wordpress website Rest API calls) not working in iOS App
My guess is it’s likely a CORS issue and WKWebView. Do you have CORS setup on the wordpress api? Here’s a couple of posts that should help if that’s the problem.
The first explains CORS and Ionic by Josh Morony.
The second is enabling CORS on Wordpress. ***Make sure you read up on Access-Control-Allow-Origin and be careful on what you are allowing. Only allow the methods you need ie: GET.
https://www.coditty.com/code/enable-cors-on-wordpress-rest-api
HTH
Bar code scanner plugin
this scanner is ao helpful…!!https://www.mybkexperience.xyz/
Firebase storage on Ionic 4
Hey guys, I need some advice on where to store my information. Basically, I am building an essay app for my school to be published on the app/play store soon.
The thing is where can I store my essays and display it through my ionic 4 application?
Many people advise me to use firebase hence here comes another question, should I use realtime database or cloud firebase to store my essays?
Or is there another way to store my essays and display it on my app?
Please assist. Thank you so much
Firebase storage on Ionic 4
Hey
PM Sent, Kindly Check
Looking forward to your response.
Regards,
Noah
Firebase storage on Ionic 4
Realtime database in firebase in best but cloud firebase is new. And maybe will use in the future most. So you should use cloud firebase
Process Chat between two user using ionic and firebase
(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)
Process Chat between two user using ionic and firebase
Hey Aliza,
PM Sent, Kindly Check
looking forward to your kind response.
Regards
Noah
HTTP Get Requests (Wordpress website Rest API calls) not working in iOS App
Thank you @caffic for responding. I have looked at the articles shared but it didn’t help. CORS is not an issue here as it is working fine when I run it in the browser and from Android device.