@samdawit wrote:
Hi, i was wondering if there is a plugin or API to auto-connect from my currently developing parking App using ionic5 react and capacitor so that I can print a receipt via bluet to a zebra zq310 printer
Posts: 1
Participants: 1
↧
Connect and Print via bluetooth
↧
Capacitor photo result with GPS exif data
@terranmarine wrote:
Hello,
We migrated our app from cordova to capacitor. When using the cordova camera plugin, the photos had GPS exif data which we are using. But thus far I was not able to get GPS data inside the exif information when working with capacitor Camera plugin.
Can capacitor return GPS exif?
Thanks in advance,
Alex.
Posts: 1
Participants: 1
↧
↧
2 clicks when using tabs and popovercontroller
@OmDIonic wrote:
Hi
I am using popover-controller and ion-tab in one page. Lets say 2-3 tabs at bottom so on tab1 is for Page 1. tab2 is for Page2, tab3 is for Page 3Inside Page 1 I have one icon. So after clicking on that icon pop-over is opening. I added backdrop-dismiss while creating pop-over so that when user click outside pop-over then it will close.
Issue:
When I trying to change tab at bottom it takes two click to change it. On first click it closes pop-over and on second click it opens next tabExpected Behaviour :
When I click next tab i.e tab2 then it should open in one click not in two clickHow can I achieved that.?
Even documentation of pop-over have same behaviour. You can verify by click on three dots on right cornor and then try to click show-popover button.
Pop-Over Ionic.Let me know If I am not doing it correctly.
Thanks
Posts: 1
Participants: 1
↧
Disable Button
@JonasPfannes wrote:
Hello, everyone,
i had the idea to build a login screen with a disabled button if the mail/password is not correct
Can someone find my error or explain it to someone with almost 0 experience in programming what I have to change?Important is that part: [disabled]= “false " when E-Mail ="test@dhbw.de” & Passwort =“ITV2020” else [disabled]=“true”
Thanks
Posts: 1
Participants: 1
↧
Visual studio code
@poonamprabhu wrote:
I am getting an error in visual studio code that attribute program doesn’t exist(’/home/prabhu/Documents/projectsAlgorithDesign/aap.js’)
please help me out in resolving this issue
Regards
Posts: 1
Participants: 1
↧
↧
Ionic - back button exit app not working in Ionic 5
@jahangirng wrote:
I am using
Ionic version 5.4.16and i am trying to close the app by hardware back button with a alert message for confirm to exit. I have checked a lot of tutorials for the same and everywhere i saw 2 ways to achieve that –this.platform.exitApp();
and
navigator.app.exitapp()
or
navigator.[“app”].exitapp();
But none of these option are working in Ionic 5, its not recognizing the function exitApp(). So how to achieve the same if anyone has faced the same issue do suggest, thank you.
Posts: 1
Participants: 1
↧
Help on how to create a kebab (right drop down with 3 vertical dots) menu in ionic
@ezrankayamba wrote:
I am new to Ionic. Started working on it seriously last week, doing few projects. I needed to add a similar kebab menu, top right drop down menu normally indicated as 3 vertical dots; with especially android like mechanism to show the buttons/items when there is room.
Tried to look into the documentation could not find the actual kebab kind of menu. I could see the drawer menu. Would be grateful to get help on this, pointing me to the documentation or sample code in ionic react
Posts: 1
Participants: 1
↧
Any firebase realtime DB plugin supported by capacitor?
@Rasioc wrote:
I’m starting a new app and want to use several firebase capabilities like Auth, Realtime DB, etc… However, Seems like both “Firebase” and “FirebaseX” plugins are not supporting capacitor. The FirebaseX one is not listed on incompatibilities page, but github issue show that there are issues and author says he doesn’t plan to support capacitor.
For Auth there is a capacitor community plugin which I could use. But for Realtime DB there seems none yet? I know I could use the web SDK too, but that lacks offline persistency for Realtime Database, which I would need definitively.
Did anyone find a working realtime databse capacitor plugin yet or is working on one?
Posts: 3
Participants: 2
↧
Showing data from api to html in ionic 4 and angular platform
@akshh wrote:
(topic withdrawn by author, will be automatically deleted in 24 hours unless flagged)
Posts: 1
Participants: 1
↧
↧
Showing data from api to html in ionic 4 and angular
@akshh wrote:
Api is written is c# asp.net framework to fetch single data from Database.Not sure how to call Api in Ui part.
Api written is in menu.ts is,
public GetBuilds() {
this.httpService.get("/ConfigApi/api/number”).subscribe(
response => {
console.log(response)
},
error => console.log(error)// error path
)
}This conctructor will be called in the modal where the button click will generate a modal and data will be generated.When this runs in console it throws
HttpErrorResponse {headers: HttpHeaders, status: 200, statusText: “OK”, url: “http://localhost:8100/ConfigApi/api/number”, ok: false, …}
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
status: 200
statusText: “OK”
url: ““http://localhost:8100/ConfigApi/api/number””
ok: false
name: “HttpErrorResponse”
message: “Http failure during parsing for http://localhost:8100/ConfigApi/api/number”
error: {error: SyntaxError: Unexpected token . in JSON at position 6 at JSON.parse () at XMLHtt…, text: “20.300.88”}
proto: HttpResponseBase
The text mentioned in bold must be displayed.How should i rectify this error and what must be added in ts file? Can anyone please tell me…Since im new to this facing issues
Posts: 3
Participants: 2
↧
I need an assistant with these errors
@rami800 wrote:
Hi
I need an assistant with these errors
1, Unsupported Modules Detected: Compilation is not supported for the following modules: android-capacitor-cordova-android-plugins, capacitor-cordova-android-plugins. Unfortunately you can’t have non-Gradle Java modules and Android-Gradle modules in one project.2,error: package android.support.v4.content does not exist
import android.support.v4.content.FileProvider;
thanks
Posts: 1
Participants: 1
↧
How to change button background color when clicked (but not other buttons)?
@Wrybread wrote:
I have a grid of buttons, and I’m trying to change the background color of the most recently clicked button, but have the other buttons not have that background. Ideally I’d like to add a style to the most recently clicked button, and remove that style from all other buttons.
Currently my buttons are defined like this:
<ion-col size="6" class="mainButton" (click)="DoStuff(1, true)"> <img src="assets/images/icon-aurora.png" height=70> </ion-col>I’m still wrapping my head around Ionic so please forgive anything silly that I’m doing. Here’s the function call (currently not working):
DoStuff(data: string, swapBg: boolean = false) { if (swapBg) { this.style.backgroundColor = '#345465'; } return;Any tips to change the background color of just the button that was clicked? Ideally without having to make a separate variable for each of the buttons, since I have a lot of them?
Is there some way to pass the ID of the clicked button, using “this”?
Posts: 2
Participants: 2
↧
App size increases with 4mbs on installing sqlite storage plugin in both ionic v3/4/5
@petermash wrote:
Without installing the sqlite plugin, my 30 paged app is 5mbs, the bundle size increases to 9mbs upon installing sqlite.
Posts: 1
Participants: 1
↧
↧
iOS Package Preparation failed: The operation is not allowed in the current state of the host
@mbeaulieu wrote:
I am running into an issue trying to package an iOS app on AppFlow. This has happened several times in the past hour. See information below:
Posts: 2
Participants: 2
↧
Cordova-plugin-qrscanner not showing camera view
@rolinger wrote:
Ionic v1 TABS
I got the qrscanner installed properly, everything is initializing properly and in fact I am able to blindly scan items. “Blindly” means the camera view/scanner isn’t appearing in my app. Its hidden beneath the app.
Has anyone gotten the qrscanner to work with Ionic v1 using Tabs template layout? I am jumping through hoops to get this to work but its requiring a lot of custom code to make the necessary elements transparent to reveal scanner beneath the app.
What I have found is there are THREE places I have to change the element
background:none transparentfor the Tab view to go blank before I can see the camera view hiding beneath. Below are the three elements as rendered:<body> <ion-nav-bar> <ion-nav-view id="appNavView"> // custom ID assigned <div class="pane" nav-view"active" ...> // 1st element that needs transparency - but can't assign ID <ion-tabs ...> <ion-nav-view name="tab-scanner" ...> <ion-view id="ionViewScanner" class='pane' ...> // 2nd element that needs transparency - custom ID assigned <ion-content id="ionContentScanner" ...> // 3rd element that needs transparency - custom ID assignedThat 1st
DIVelement is created by Ionic, I can’t assign an ID. If I could assign an ID I could easily write some scripts that turns on/off transparency for all 3 elements. NONE of this is ideal but its possible. Without the first element ID though, its going to take some crazy custom code that starts messing with thepaneclass - which is used in many locations.There has got to be an easier way to do this with Ionic v1…yes? anyone?
Posts: 1
Participants: 1
↧
Whitespace in image ion-card
@latinsniper wrote:
Hello. I’d like to make a card that is filled completely by an image. However, having only:
<ion-card> <img src="https://dummyimage.com/600x400/1e5c21/fff"> </ion-card>Leaves a white space below the image, as the print shows… I tried changing the width/height but nothing seems to have helped. Any way to solve this?
Posts: 1
Participants: 1
↧
Ionic v3 on ios social sharing deeplink in facebook not working
@horatioXu wrote:
I’ve been following the ios universal link tutorial from https://devdactic.com/universal-links-ionic/, but after all the settings, my social-shared universal link in Facebook is still not working, it won’t open the app but open a new webpage inside Facebook.
Posts: 1
Participants: 1
↧
↧
[ionic-4]infinite scroll with ion-segment not working properly?
@jakesully wrote:
I have two segment section each has different content. if i scroll segment both sections are scroll. How i prevent this. and how i have two separte scroll section in ion-segment and two infinite scroll.
Posts: 1
Participants: 1
↧
Setting ion-list background to trasparent causes the default background color to quickly flash first
@wojo1086 wrote:
I’m trying to set the background of an ion-list to be transparent. This list is in an ion-modal. The issue I’m facing is the CSS to make the background transparent doesn’t seem to be going into effect right away, which causes a quick flash of white as the default light color of the ion-list is loaded first.
Here is the SASS:
ion-list, ion-item --ion-background-color: rgba(0,0,0,0)Is there a way to stop the flash of white from happening before the transparency takes effect?
Posts: 1
Participants: 1
↧
Using Ionic components in Stencil components
↧