@geshjosh wrote:
Hey, does anyone know of a way to get the device’s ID with a PWA? the unique device id plugin doesn’t seem to work with PWAs
Posts: 1
Participants: 1
↧
Ionic PWA Device ID
↧
Why put form items in an ion-list?
@Diesel555 wrote:
I see some examples of ion-items inside a form being placed inside of an ion-list. Why is that? I haven’t seen a difference adding it or removing it. I also can’t find any documentation on it.
Is this a good practice for all forms that are on a different line for each input item.
Posts: 1
Participants: 1
↧
↧
Inappbrowser file download
@wysong wrote:
Hello
I’m developing an app using ionic 3.0 inappbrowser…
Use inappbrowser to open a specific web page,
If you click the link to download the file, the file will not be downloaded.
I’m must use ‘_blank’ mode.
Is there a solution?please help me thanks.
----------------------------------------------------- cordova plugin list
cordova-plugin-browsertab 0.2.0 “cordova-plugin-browsertab”
cordova-plugin-compat 1.2.0 “Compat”
cordova-plugin-device 2.0.2 “Device”
cordova-plugin-file 6.0.1 “File”
cordova-plugin-file-opener2 2.1.3 “File Opener2”
cordova-plugin-file-transfer 1.7.1 “File Transfer”
cordova-plugin-firebase 2.0.5 “Google Firebase Plugin”
cordova-plugin-inappbrowser 3.0.0 “InAppBrowser”
cordova-plugin-ionic-keyboard 2.1.3 “cordova-plugin-ionic-keyboard”
cordova-plugin-ionic-webview 2.3.1 “cordova-plugin-ionic-webview”
cordova-plugin-splashscreen 5.0.2 “Splashscreen”
cordova-plugin-statusbar 2.4.2 “StatusBar”
cordova-plugin-whitelist 1.3.3 “Whitelist”
cordova.plugins.diagnostic 4.0.10 “Diagnostic”----------------------------------------------------- ionic info
Ionic:
ionic (Ionic CLI) : 4.3.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.1Cordova:
cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 10 other plugins)System:
Android SDK Tools : 26.1.1 (/Users/wysong/Library/Android/sdk)
NodeJS : v10.13.0 (/usr/local/bin/node)
npm : 6.4.1
OS : macOS
Xcode : Xcode 10.1 Build version 10B61
Posts: 1
Participants: 1
↧
How can we do test automation for ionic apps?
@Svana wrote:
Currently , I am automating ionic apps using xamarin.UiTests , and would like to use cloud as Appcenter. But now as per the new requirements, I have to do only in IONIC, Canyou please suggest what is the best way , I can automate ionic apps and run the test autoamtion suite in Cloud
Posts: 1
Participants: 1
↧
Ionic Network Plugin is not workiing
@OliverPrimo wrote:
Hello, I am trying to check the internet/network connection of the device using Network Plugin but it doesn’t seem to work. It didn’t even return any data or error messages on the console. Here is my code.
import { Network } from '@ionic-native/network'; @Component({ templateUrl: 'app.html' }) export class MyApp { constructor(public platform: Platform, private splashScreen: SplashScreen, private statusBar: StatusBar public network: Network) { this.initializeApp(); } initializeApp() { this.platform.ready().then(() => { this.statusBar.styleDefault(); this.splashScreen.hide(); this.checkInternetConnection(); } } checkInternetConnection() { this.network.onDisconnect().subscribe(data => { console.log('network was disconnected :-('); }, error => console.log(error)); this.network.onConnect().subscribe(data => { console.log('network connected!'); setTimeout(() => { console.log('woohoo!'); }, 3000); }, error => console.log(error)); }I hope someone can help me. Thank you in advance
Posts: 1
Participants: 1
↧
↧
Ionic 4 and CSS-utilities
@tantebootsy wrote:
Hi there,
I’m currently testing Ionic 4 and would like to know if you (the Ionic dev-team) plan to include more CSS-utilities comparable to Bootstrap’s utilities for the final release. I know you have a basic set of utilities included already, but there’s still a lot of room for development
Looking forward to hear from you.
Cheers,
Michael
Posts: 2
Participants: 2
↧
Twitter Connect doest have any method to compose tweet
@Ajay17Proprofs wrote:
I am using Twitter connect plugin . twitter login works , but couldn’t able to compose tweet .
https://ionicframework.com/docs/native/twitter-connect/ . contains only . login logout methods . no compose mehods
Posts: 1
Participants: 1
↧
Iframe doesn't display on ios
@maximegouin wrote:
Hi everyone,
[solved] : just need to add it on your config.xml :
<allow-navigation href="*" />I encounter an issue with ios. Indeed my iframe dosn’t displaying only on ios.
However it works on android and also in chrome.
Is someone have an idea?This is my very basic code:
<ion-list *ngSwitchCase="'vines'"> <ion-card *ngFor="let vines of playlist"> <iframe frameborder="0" width="480" height="270" src="http://www.dailymotion.com/embed/video/x6znnda" allowfullscreen allow="autoplay"></iframe> <ion-card-content> <ion-card-title> {{vines.title}} </ion-card-title> </ion-card-content> </ion-card> </ion-list>Thanks !!
Posts: 1
Participants: 1
↧
Ionic 4 - side-menu hide automatically also in pwa
@proiertti wrote:
I have a side menu into a split-Panel.
In the browser, I’d like to have the fixed menù in the left, resizing the right part of the split panel where the pages appear (into the ion-router-outlet). But side-menu always behaves as in the smartphone, making auto-hide. I implemented a standard code:<ion-app> <ion-split-pane> <ion-menu> <ion-header> <ion-toolbar> <ion-title> title </ion-title> </ion-toolbar> </ion-header> <ion-content> <ion-list> <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages"> <ion-item [routerDirection]="root" [href]="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> <ion-router-outlet main></ion-router-outlet> </ion-split-pane> </ion-app>
Posts: 1
Participants: 1
↧
↧
Ionic V4, scrollY and ion-grid
@odorakel wrote:
Hey folks,
I have a page where ion-content itself shouldn’t be scrollable, but the ion-col on the grid should be scrollable - but only one.
It looks basically like this:
<ion-content class="fullscreen" scrollY="false"> <ion-grid class="fullscreen" no-padding> <ion-row> <ion-col size="6" no-padding style="position: sticky; background-image: url(/assets/images/some-image.jpg); background-size: cover; background-position: 75% center; border-right:1px solid #bdbdbd;"> </ion-col> <ion-col size="6" no-padding> <div style="padding: 10% 8% 0% 8%; overflow-y: scroll !important;"> <-- Here comes the scrolling col content.... --> </div> </ion-col> </ion-row> </ion-grid> </ion-content>Where by the css look like this…
.fullscreen { ion-grid.fullscreen { min-height: 100%; display: flex; flex-direction: column; ion-row { flex: 1; } } }How can I force the single col to be scrollable. Since I’m using Ionic V4 - there is no ion-scroll component anymore
Thanks,
Oliver
Posts: 1
Participants: 1
↧
Launch service ios in ionic 4
@rashidi wrote:
I want to call below service url for install new version app in ios.
itms-services://?action=download-manifest&url=https://appakdl.com/apps/amyar/manifest.plist
I use of window.open for call this service but nothing happpens.
how to launch this service with ionic in ios ?
Posts: 1
Participants: 1
↧
Pinch to Zoom Image & Hold to Move Around in Sliders
@wawangkh wrote:
Hi, how do I pinch to zoom as well as after zoomed, user may hold the screen to move around moved images? Here’s the code I tried but the zoom doesn’t stay and will revert back to normal size:
< ion-slides pager=true loop=true centeredSlides=true zoom=true class=“image-slider” >
< ion-slide >
< div class=“swiper-zoom-container” >
< img src=“img/test.jpg” imageViewer />
< /div>
< /ion-slide>
< /ion-slides>
Posts: 1
Participants: 1
↧
Ionic 4 disable bounce effect on iOS
@mcihak wrote:
Hi,
is there possibility in ionic 4 to disable bouncing effect on iOS devices?Thanks
Posts: 3
Participants: 2
↧
↧
App not working after splash screen
↧
How to know which modal is active and with what param(id) v3 &/or v4
@GoTop wrote:
I am receiving (socket.io) events to display several modals.
I just want to display 1 modal per id that I receive.They came like id1, id1, id3, id3, id3, …
I want to have id1, id3 in the stack of modalsSo when the user closes id3 will see id1 and when close id1 want se id1 again
.
I was thinking in the home.ts (the root page) call
let alertModal = this.modalCtrl.create('MyModalPage', { id: myId }); alertModal.present();only if active modal (id) != this id
How can I know which modal is active and with what param(id)?
Posts: 1
Participants: 1
↧
[Ionic 4] Ion-slides not working
@mcihak wrote:
Hi,
I want to use ion-slides in ionic 4 application but if I deploy the app on real iOS device. The slides are not initializes and I can see only first slide without possibility to move to second, third and so on. If I useionic serveeverything is working…No console error or something like this :-/
Is there anybody with the same bug?
Posts: 1
Participants: 1
↧
How to load json from asset directory in new version of angular
@ir2pid wrote:
the common answer below isn’t working.
Whatever works don’t work in the apk .
I keep getting below errors with different configurations (loading file to loading using http)
- errors from CORS
- ERROR TypeError: Cannot read property ‘subscribe’ of undefined
- Could not read response
old answer
this.http.get(link).map(res => res.json()).subscribe((data) => { console.log(data, "data"); }, err => { console.log(err, "err"); })loading from file
this.file.readAsText(this.url, endpoint).then((data) => { this.core.log(data); let myObservable = Observable.create(observer => { observer.next(data); }); }).catch(err => console.log(err)); return myObservable;and the regular loading using http
observable = this.http.get("/android_asset/www/assets/mocks/file.json", reqOpts); observable = this.http.get("/assets/mocks/file.json", reqOpts);nothing works on device
Posts: 1
Participants: 1
↧
↧
Open an info page when an item on a list is clicked
@dccil wrote:
I have a list on Status page pulled from Pouchdb by doing a query. I want to click a person name in the list and once clicked, it should take me to an info page related to that person. Currently, when I click on a person name, it takes me to an info page but the info page shows all people’s information. I want it to be just the person I clicked’s info to be shown. Im not too sure how
Here is my current code:
Status page
<ion-list> <ion-item *ngFor="let person of persons" (click)="goToPersonInfo(person)"> <ion-label text-wrap> {{ person.doc.person_name }} <p> - {{ person.doc.status }} - {{ person.doc.birth_date }} </p> </ion-label> </ion-item> </ion-list>Status.ts
ionViewDidLoad() { console.log('ionViewDidLoad StatusPage'); this.databaseProvider.getByStatus('New') .then((data: any) => { this.persons = data.rows; }) } goToPersonInfo(person) { this.navCtrl.push(PersoninfoPage, {persons: person}) }Info page
<ion-list no-lines> <ion-item *ngFor="let person of persons"> <ion-label text-wrap> {{ person }} </ion-label> </ion-item> </ion-list>info.ts
ionViewDidLoad() { console.log('ionViewDidLoad PersoninfoPage'); this.databaseProvider.read().then((data) => { this.persons = data; }); } ionViewDidEnter() { this.databaseProvider.read(person); }
Posts: 1
Participants: 1
↧
Why does such an error appear after the transfer?
@Rudeblory wrote:
After transferring the application from Ionic Creator, an error appears that you can see in the screenshot. What am I doing wrong and how can I fix it?
Posts: 1
Participants: 1
↧
How to make a post request with a image file using form-data
@navod1997 wrote:
My backend is a simple Laravel api. and my api is working properly when I use PostMan…
----This is my post man Post Request ----
-----This is my ts cord ----
—This is the error ----
Posts: 1
Participants: 1
↧