Hello Sir,
I have developed a app in scroll bar freeze at the end of list in ios but work fine in android please help us to resolve this issue
1 post - 1 participant
↧
List scroll hang at end in ios only
↧
Slowness in app after multiple no of records in list
Hello Sir ,
I have facing an issue in my app after more than 100 records in list view app starting slow and list and its details page please let me know why this issue come
1 post - 1 participant
↧
↧
Ionic 5 getting blocked-CORS error when trying to fetch from Firebase
In showcase.service.ts, I have the following function that fetch the data from Firebase
fetchShowcases() {
return this.http.get<{[key: string]: ShowcaseData}>('https://testing-br204.firebaseio.com/')
.pipe(map(resultData => {
const stitches = [];
for (const key in resultData) {
if(resultData.hasOwnProperty(key)) {
stitches.push(new Stitch(
key,
resultData[key].title,
resultData[key].description,
resultData[key].imageUrl,
resultData[key].price,
)
);
}
}
return stitches;
}))
}
And in page.ts the said function is being called on ngOnInit()
ngOnInit() {
this.stitchesSub = this.showcaseService.fetchShowcases().subscribe(stitches => {
this.showcases = stitches;
})
}
When tested both in localhost and after deployed the ionic app to firebase, it kept giving the following error:
Access to XMLHttpRequest at 'https://console.firebase.google.com/project/testing-br204/database/data/' (redirected from 'https://testing-br204.firebaseio.com/') from origin has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Where can I configure to allow CORS policy in Ionic?
1 post - 1 participant
↧
In ionic how to take input from keyboard like this below image in ionic 5
0
i want to take input from keyboard like this currency will be fix and when i type any number and point value so amount should be show like this below image. i tried this with super script tag but unfortunately tag doesn’t support input. can anyone help if they know about this
1 post - 1 participant
↧
IonRouterOutlet has no animation in Ionic React 5.1.1
I am having some issues with IonRouterOutlet using Ionic React v5.1.1. I have created a new project using the tabs template, and straight out the box I am seeing no animation for page transitions. According to the docs, the RouterOutlet shoudl control transitions.
The
IonRouterOutletcomponent provides a container for Routes that render Ionic “pages”. When a page is in anIonRouterOutlet, the container controls the transition animation between the pages as well as controls when a page is created and destroyed, which helps maintain the state between the views when switching back and forth between them.
Am I missing something here? I feel like I may be misinterpreting the docs.
1 post - 1 participant
↧
↧
IONIC 5 - ANGULAR 9 - VIMEO - Refused to load the image 'android-webview-video-poster
Estou obtendo erro de CSP ao tentar adicionar um vídeo do VIMEO incorporado em um iframe.
HTML:
<div>
<iframe id="frame" [src]="this.sanitizer.bypassSecurityTrustResourceUrl('https://player.vimeo.com/video/ID-VIMEO')" width="100%"
height="200px;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay; fullscreen"></iframe>
</div>
Já coloquei no index.html a metatag:
<meta http-equiv="Content-Security-Policy" content="default-src * gap:; script-src * 'unsafe-inline' 'unsafe-eval'; connect-src *; img-src * data: blob: android-webview-video-poster:; style-src * 'unsafe-inline';">
config.xml
<allow-intent href="android-webview-video-poster:*" />
<allow-navigation href="*" />
Também testei o plugin ngx-embed-video como no repositório:
ngx-embed-video-example
Mesmo assim obtenho o erro:
Refused to load the image 'android-webview-video-poster:default_video_poster/***************’ because it violates the following Content Security Policy directive: "img-src ‘self’ data: https://i.vimeocdn.com https://secure-b.vimeocdn.com https://f.vimeocdn.com https://vimeo.com https://secure.gravatar.com https://i0.wp.com https://i1.wp.com https://i2.wp.com https://pagead2.googlesyndication.com https://player.vimeo.com https://.ci.vimeows.com https://f.vimeocdn.com"
Alguém consegue me ajudar?
1 post - 1 participant
↧
Module '"@angular/compiler-cli/src/ngtsc/diagnostics/src/error_code"' has no exported member 'ngErrorCode'. Did you mean 'ErrorCode'?
Hey!
I’m having this issue with the compiler-cli dependency, and i don’t really know what to do at this point.
My project was perfectly fine until like a week ago, and i honestly don’t think i could have done much to ruin it, as i didn’t touch my node modules or package.json before this.
The error also happens when building the app via Ionic hub, so it isn’t a local thing, it’s got to be package-related, but i don’t know what more to do.
I’ve tried to revert to an older version of package.json and package-lock.json, but it still didn’t fix it.
I’ve seen the line of code in question, but fixing the issue only works locally, so it won’t help in the long run. It looks like this, and removing “ngErrorCode” fixes the problem.
export { ErrorCode, ngErrorCode } from ‘./src/error_code’;
Dependencies in package.json:
“@angular/animations”: “7.0.4”,
“@angular/common”: “7.0.4”,
“@angular/compiler”: “^9.0.0”,
“@angular/compiler-cli”: “^9.0.0”,
“@angular/core”: “7.0.4”,
“@angular/forms”: “7.0.4”,
“@angular/http”: “7.0.4”,
“@angular/platform-browser”: “7.0.4”,
“@angular/platform-browser-dynamic”: “7.0.4”,
“@ionic-native/background-mode”: “^4.20.0”,
“@ionic-native/core”: “^4.17.0”,
“@ionic-native/file-encryption”: “^5.3.0”,
“@ionic-native/http”: “^4.20.0”,
“@ionic-native/local-notifications”: “^4.20.0”,
“@ionic-native/splash-screen”: “~4.17.0”,
“@ionic-native/status-bar”: “^4.20.0”,
“@ionic-native/wheel-selector”: “^4.20.0”,
“@ionic/pro”: “2.0.3”,
“@ionic/storage”: “^2.2.0”,
“@ngx-translate/core”: “^11.0.1”,
“@ngx-translate/http-loader”: “^4.0.0”,
“ajv”: “^6.8.1”,
“cordova-android”: “7.1.2”,
“cordova-ios”: “4.5.5”,
“cordova-plugin-advanced-http”: “^2.1.1”,
“cordova-plugin-background-mode”: “git+https://bitbucket.org/TheBosZ/cordova-plugin-run-in-background.git”,
“cordova-plugin-badge”: “^0.8.8”,
“cordova-plugin-device”: “^2.0.3”,
“cordova-plugin-file”: “^6.0.2”,
“cordova-plugin-ionic”: “^5.3.0”,
“cordova-plugin-ionic-keyboard”: “^2.1.3”,
“cordova-plugin-ionic-webview”: “^2.5.1”,
“cordova-plugin-local-notification”: “^0.9.0-beta.2”,
“cordova-plugin-splashscreen”: “^5.0.3”,
“cordova-plugin-statusbar”: “^2.4.3”,
“cordova-plugin-whitelist”: “^1.3.4”,
“cordova-plugin-wifiwizard2”: “3.1.1”,
“cordova-wheel-selector-plugin”: “^1.1.3”,
“es6-promise-plugin”: “^4.1.0”,
“highcharts”: “^6.2.0”,
“highcharts-angular”: “^2.4.0”,
“ionic-angular”: “^3.9.3”,
“ionicons”: “4.4.7”,
“lodash”: “^4.17.14”,
“rxjs”: “^6.5.5”,
“rxjs-compat”: “^6.4.0”,
“sw-toolbox”: “3.6.0”,
“tslint”: “^5.12.1”,
“wifiwizard2”: “^3.1.1”,
“zone.js”: “0.8.26”
1 post - 1 participant
↧
Use NFC scanner on browser with mobile phone
As far as I understand, the native plugins are only for a phone device, so like camera, and such is only available there. Would it be possible to use native features on a browser, but on the phone? So like on my android phone I can go to the website and use the ionic plugins there. I wanted to use the ionic NFC scanner that works on the phone while using the browser, would that be possible?
Btw I’m using Ionic 5.
1 post - 1 participant
↧
Total canvas memory use exceeds the maximum limit (224 MB) on ios
Hello, we are building an ionic app to show layers on maps using openlayers. Everything is working well on android but on ios when we load the second project we will have the following warning and error.
warning: Total canvas memory use exceeds the maximum limit (224 MB)
error: Unable to get image data from canvas because the canvas has been tainted by cross-origin data.
I googled it, I think that the problem on ios is caching canvas of the map and when exceed the 224MB the app don’t crash but don’t show any layer on map and gives the above warning and error.
So is there anyway to not cache canvas on ios?
thank you in advance.
1 post - 1 participant
↧
↧
Ionic 3 to 5 Upgrade
We are seeking a very experienced Ionic developer to upgrade our application from Ionic 3 / Angular 5 to Ionic 5 / Angular 9. This individual should have the following experience:
Angular 4-9, Ionic 3-5, Node.js, Typescript, CSS & SASS, MYSQL, Redis
Developer should have full-time or close to full-time availability for this project and preferably be located in the US, Canada or UK.
We love Angular and Ionic and so should you!
1 post - 1 participant
↧
Updating old projects - VueJS Ionic Split View Auth
VUE IS STILL BETA
VUE IS STILL BETA
Ionic Framework with VueJS build a Split-View user interface with side menu. The application uses vuex for authentication state management in the login flow. In the next video, we will remove vuex and use Vue Composition API to manage authentication state
VUE IS STILL BETA
Source Code
VUE IS STILL BETA
1 post - 1 participant
↧
My first app
Hello everyone I’m making my first app using ionic angular. It involves hiring people for services. I need to make accounts and have different types of users and the ones that would be contracted would set their own prices. This seems like a lot of work for a beginner. TLDR; any good recommendations for tutorials for hiring people through an app?
1 post - 1 participant
↧
Ionic v3 app stopped working on some Samsung devices
Hi guys,
I have an app that’s been working for a couple of years now and about a week ago I started receiving reports about the app not working on some Samsung devices. There is not a specific model as they range from S6 to S10 and most of the Samsung users can still use the app ok. One user reported that after resetting the phone to factory settings, it started working again. Want to mention that the same app worked for ages on all these devices.
I tested on an affected Samsung S10 and it looks like the app is doing what it’s supposed to, only it runs incredibly slow. All the actions to do with file system(delete,create) and event emitters are taking ages to run.
Database transactions are also slow.
Have you got any idea what might cause this?
cli packages:
@ionic/cli-utils : 1.6.0 (C:\curo360 Git\CrossPlatform\ionic3\curo360\node_modules\ionic\node_modules\@ionic\cli-utils)
ionic (Ionic CLI) : 3.6.0 (C:\curo360 Git\CrossPlatform\ionic3\curo360\node_modules\ionic)
global packages:
Cordova CLI : 8.0.0
local packages:
@ionic/app-scripts : 1.3.12
@ionic/cli-plugin-cordova : 1.4.1
@ionic/cli-plugin-ionic-angular : 1.3.2
Cordova Platforms : android 5.1.1
Ionic Framework : ionic-angular 3.5.0
System:
Android SDK Tools : 25.2.3
Node : v6.11.0
OS : Windows 10
npm : 3.10.10
cordova-plugin-android-permissions 1.0.2 “Permissions”
cordova-plugin-app-event 1.2.0 “Application Events”
cordova-plugin-app-version 0.1.9 “AppVersion”
cordova-plugin-background-mode 0.7.2 “BackgroundMode”
cordova-plugin-camera 2.4.1 “Camera”
cordova-plugin-compat 1.1.0 “Compat”
cordova-plugin-console 1.0.5 “Console”
cordova-plugin-device 1.1.4 “Device”
cordova-plugin-file 4.3.3 “File”
cordova-plugin-file-transfer 1.6.3 “File Transfer”
cordova-plugin-geolocation 2.4.3 “Geolocation”
cordova-plugin-inappbrowser 3.0.0 “InAppBrowser”
cordova-plugin-network-information 1.3.3 “Network Information”
cordova-plugin-screen-orientation 3.0.1 “Screen Orientation”
cordova-plugin-splashscreen 4.0.3 “Splashscreen”
cordova-plugin-statusbar 2.2.2 “StatusBar”
cordova-plugin-whitelist 1.3.1 “Whitelist”
cordova-plugin-zip 3.1.0 “cordova-plugin-zip”
cordova-sqlite-storage 2.0.4 “Cordova sqlite storage plugin”
de.appplant.cordova.plugin.local-notification 0.8.5 “LocalNotification”
es6-promise-plugin 4.2.2 “Promise”
ionic-plugin-keyboard 2.2.1 “Keyboard”
1 post - 1 participant
↧
↧
IonGrid with IonSegment error
Hello Ionic React Community,
I am trying to integrate an IonGrid into an IonSegment, however, i fail.
I want to have the following:
<IonSegment>
<IonGrid>
<IonRow>
<IonSegmentButton value="Seg1">
<IonLabel>Seg1</IonLabel>
</IonSegmentButton>
</IonRow>
<IonRow>
<IonSegmentButton value="Seg2">
<IonLabel>Seg2</IonLabel>
</IonSegmentButton>
</IonRow>
</IonGrid>
</IonSegment>
It seems the IonGrid wrapped by the Segment destroys the functionality
and no segment can be permanently selected anymore.
Do you have any ideas how to fix that so that a segment is still
highlighted? Thanks for your help in advance.
Best regards
Chris
1 post - 1 participant
↧
How to manage fcm topic based subscriptions from user's device and admin device?
I have an ionic app, where I need to manage subscriptions to firebase cloud messaging.
I have users and groups of users, when something is added to the group data, I need to notify users of this group, so I am subscribing users to topics (topic is group id).
I am wondering when to subscribe users to topics, knowing that an admin can search for a user and send him a connection request, then the user accept the connection request (user is subscribed from his device - I know how to do it), and a user can send a connection request and group admin can accept that request (need to subscribe new user device from admin device) (here where I am wondering how to manage subscriptions).
I am building this app for both web (a custom service) and mobile (plugin @ionic-native/fcm) apps.
Notes:
- A users must subscribe to topic when the connection request is accepted by him or by the admin.
- A user must unsubscribe when he leaves the group or when the admin remove him from it.
Questing: How to save users token when subscribing and unsubscribing him to group topic from admin device?
Any suggestion is appreciated.
1 post - 1 participant
↧
Onesignal custom sound
Hello! Need tutorial of customizing OneSignal push sound and may be vibration!
Please suggest tips on how to do it
1 post - 1 participant
↧
Lock Windows 10 text scale on Windows App
Hello! This is my first post!
I’m developing a Windows 10 app, and I wonder if it is possible to lock the Scale factor from Screen Settings. Currently I’m working with a resolution of 1920x1080, and a scale factor of 150%. I would like to lock it to 100% somehow inside my Windows App, by CSS or some kind of meta tag?
Is there any way? Thank you
1 post - 1 participant
↧
↧
How show empaded video link and mp4 extention video
How show embedded video link and mp4 extension video please suggest me actually am getting two different video link form same api.
Thanks in advance
1 post - 1 participant
↧
Prev/Next between text fields iOS
I have a complex form that is dynamically generated and elements of it can be re-orderd by the user. The form can have well over 15 inputs, all small numbers that need entering. In a browser tabbing to the next input field works but on a iOS device the “next/prev” buttons in the iOS Keyboard Accessory are disabled. This seems to be an ongoing issue with Webkit and Ionic’s use of a shadow DOM when ion-inputs are placed in ion-items, so until the webkit team fix this that approach is not going to work.
I want to use the “Return” key to allow users to move to the next, I know it’s not ideal and against standards but at the moment this form is a pain to use so as a short term measure until Apple fixes the webkit issue I think this is best. There is also a slight lag on the iOS input field becoming active that makes tapping each input very annoying.
Can anyone suggest an approach to this? The elements can be reordered so keeping track of them with Angular Template Reference Variables doesn’t seem like a good approach, I almost just want a jQuery like “findNextSibling” type thing…
Thoughts would be very appreciated.
Simon
1 post - 1 participant
↧
Click event in ion-checkbox inside ion-item trigger even outside checkbox
on clicking anywhere in the ion-item the click event defined in ion-checkbox is getting triggered. can anyone help
<ion-item
[class.animation-swipe-right] ="item.id === selectedid && segment =='Pending'"
[class.animation-swipe-left] ="item.id === selectedid && segment =='Done'"
>
<ion-label>
{{item | json}}
<h3>{{item.itemname}}</h3>
<p>
{{item.itemqty}} — {{item.itemunit}}
</p>
</ion-label>
<div>
<ion-checkbox [attr.checked]="item.isCompleted" (click)="makeItemChecked($event,item);
$event.stopPropagation();"></ion-checkbox>
</div>
</ion-item>
1 post - 1 participant
↧