@julianacristina8 wrote:
Hi, anyone can help me with that? I need to hide and show one div with the click of the button, I tried some things, but didn’t work.
Thanks.
Posts: 1
Participants: 1
↧
Show and Hide div - Ionic 4
↧
Android build --device ERR_FILE_NOT_FOUND
@mmccorkleedibu wrote:
I’m getting a white screen on Android 5.x when using ionic cordova run android --device. Using the live reload -l works but is very slow and intermittently working. I usually get a connection error before the screen display.
runtime.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
styles.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
polyfills.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
cordova.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
vendor.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
main.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
/assets/icon/favicon.png:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
Posts: 1
Participants: 1
↧
↧
Scroll up to hide search bar
@dccil wrote:
I have a page where when you pull the page down, a search bar will show up. This works out well, however, I would like to add the functionality of scrolling the page up to hide to search bar. I also noticed that I am unable to scroll the page when searching or even after the search or cancel the search. How can I cancel the search and hide the search bar?
page.html
<ion-refresher (ionRefresh)="doRefresh($event)"><ion-searchbar [(ngModel)]="searchInput" (ionInput)="getItems($event)"></ion-searchbar></ion-refresher> <ion-list *ngIf="searchInput !== ''"> <ion-item *ngFor="let item of items" (click)="navToSearchedProfile(item._id)"> {{ item.profile_name }} </ion-item> </ion-list>page.ts
export class Page { searchQuery: string = ''; items = []; profiles: any; searchInput=''; _id: any=[]; constructor(public navCtrl: NavController, public navParams: NavParams, public db: Database) { this.db.read().then(data => { this.profiles = data; this.initializeItems(); }); } //search bar doRefresh(refresher) { console.log('Show Searchbar', refresher); } initializeItems() { this.items = this.profiles; } getItems(ev) { this.initializeItems(); var val = ev.target.value; if (val && val.trim() != '') { this.items = this.items.filter((item) => { return (item.profile_name.toLowerCase().indexOf(val.toLowerCase()) > -1); }) } } navToSearchedProfile(_id){ this.navCtrl.push(ProfilePage, {_id: _id}); } //end search
Posts: 1
Participants: 1
↧
Ionic 4 - Create PDF
@vvanherk wrote:
Hello.
I’m looking for examples and API suggestions for creating PDF files based off the data in my Ionic 4 application.
I’ve seen a popular example (link below):
However, it is based off Ionic 3 - so not sure it will work…
Any input appreciated.
Cheers.
Posts: 1
Participants: 1
↧
Native Facebook Login - Test on emulator or actual device?
@wekas wrote:
Hi guys,
First native exploration here.
Just looking for some advice on whether I should test Native Facebook Login on the actual device (a bit of a hassle for me at the moment) or whether I can use an emulator on my PC and if so are there any limitations using an emulator?
It seems you can’t run an IOS emulator on a PC is that correct?Any tips appreciated.
Cheers,
Mac
Posts: 1
Participants: 1
↧
↧
Apple Rejecting Ionic Apps
@bensearle wrote:
Apple rejected my app for 3 reasons, 2 of which are due to it being designed for an iPhone and not scaling up well for an iPad.
The third is more concerning - because I use web views and not native buttons. i.e. because I am using Ionic. Has anyone else had this problem or have any idea of how I should progress?
ionic-angular: 3.9.2
Native packages: admob-plus, google-maps, social-sharing, status-bar, splash-screenRejection message from Apple:
Guideline 4.0 - Design
We noticed several issues in your app that contribute to a lower quality user experience than Apple users expect, such as:
Your app included low resolution or jagged images.
Your app included hard to read type or typography.
Your app did not include iOS features. App Store apps should use native iOS buttons and include iOS features other than just web views, push notifications, or sharing.
These examples identify the types of issues discovered in your app but may not represent all such issues.
Posts: 1
Participants: 1
↧
Data gets duplicated on screen when using *ngFor and in an
@doron wrote:
This is an Ionic-4 problem.
When using
*ngForinside an<ion-item>which is inside an<ion-list>– all works fine: items are enumerated properly.But now when using the same
*ngForloop but inside of an<ion-item-sliding>(which is inside of an<ion-item-group>that in turn is inside an<ion-list>) the entire item group is repeated exactly twice, i.e. all items show up twice – with the same<ion-item-divider>and exactly the same content: once at the top of the content area and another time half way down, basiically the content area is split into two halves: a top half and a bottom half and the list appears exactly as it should, but twice - once in the top half and another in the bottom half.This is very strange…
I tried going back to simple
<ion-item>and no problem at all - works perfectly.I also verified that my input to the template (the array
entriesin the*ngFor) is exactly what it should be - it is: the content is not duplicated in any way insideentriesandentriesis exactly what should it be, but its content is duplicated on the screen).Here’s the relevant template code that did not work:
<ion-content *ngIf="directoryEntry.fullPath"> <ion-grid size="fixed"> <ion-list> <ion-item-group> <ion-item-divider sticky> <ion-label> In folder: {{ directoryEntry.fullPath | pathPipe }} </ion-label> </ion-item-divider> <ion-item-sliding *ngFor="let entry of entries"> <ion-item ion-button detail="false" (click)="onClickItem($event, entry)"> <ion-label> <ion-row align-items-stretch> <ion-col size="2" size="auto" align-self-center *ngIf="entry.selected"> <ion-icon [name]="icon.selected"> </ion-icon> </ion-col> <ion-col size="auto" align-self-center *ngIf="!entry.selected"> <ion-icon [name]="icon.unselected"> </ion-icon> </ion-col> <ion-col size="auto" align-self-center> <ion-icon [name]="entry.icon"></ion-icon> </ion-col> <ion-col size="9.7" align-self-center> {{ entry.displayName || entry.name }} </ion-col> </ion-row> </ion-label> </ion-item> <ion-item-options side="end"> <ion-item-option> <ion-icon name="md-create"></ion-icon> Rename </ion-item-option> </ion-item-options> </ion-item-sliding> </ion-item-group> </ion-list> </ion-grid> </ion-content>NOTE: for reference, here’s template code that did work when using simple items (instead of sliding items inside of an item group as above). The code above shows duplicate content, as described, but the code below does not:
<ion-content *ngIf="directoryEntry.fullPath"> <ion-grid size="fixed"> <ion-list> <ion-item *ngFor="let entry of entries" ion-button detail="false" (click)="onClickItem($event, entry)"> <ion-label> <ion-row align-items-stretch> <ion-col size="2" size="auto" align-self-center *ngIf="entry.selected"> <ion-icon [name]="icon.selected"> </ion-icon> </ion-col> <ion-col size="auto" align-self-center *ngIf="!entry.selected"> <ion-icon [name]="icon.unselected"> </ion-icon> </ion-col> <ion-col size="auto" align-self-center> <ion-icon [name]="entry.icon"></ion-icon> </ion-col> <ion-col size="9.7" align-self-center> {{ entry.displayName || entry.name }} </ion-col> </ion-row> </ion-label> </ion-item> </ion-list> </ion-grid> </ion-content>Has anybody seen a similar problem? Is this a bug in Ionic4?
Thanks for any leads!
Posts: 1
Participants: 1
↧
Ionic windows build high CPU usage
@cristopherdino wrote:
Hello,
We are having performance issue in our ionic UWP app. After adding and successfully build the app in windows platform. We noticed that the app consume too much CPU just by moving the mouse around the application which performance issue. The app is too slow, hangs and completely unusable.To investigate, we run the app on Visual Studio analyzer. The screenshot below is the result and as you’ll notice the build is adding DOM event named “pointermove” on very element on the app. It is also clear from the screenshot that this event causes high CPU performance.
How can we solve this? has any of you encounter the same problem? are there any solution?
Posts: 1
Participants: 1
↧
How to pass data to other pages in #Ionic4
@TechCreationZ wrote:
I am working on a Ionic 4 Android app. I want to pass data to other pages. So, How can I do that?
(Other information can be given…)
Posts: 1
Participants: 1
↧
↧
Diagnostic Plugin with capacitor and config.xml
@sookah wrote:
I am trying to use the Ionic Native/Cordova Diagnostic plugin with Capacitor. By default diagnostic installs a lot of modules that I don’t need ( Contacts, calendar etc ). In their github page [ link ] they mention that we can add
<preference name="cordova.plugins.diagnostic.modules" value="[list of modules]" />in
config.xml.First problem for me is capacitor does not have config.xml. I tried to create a
config.xmlin the root of the app and added the tags but it did not work.I have been trying to do this the right way, on deploying the app store throws a lot of warnings regarding declaring variables in the info.plist file ( i know adding will solve it ) but i am not sure why i have to add so many modules and where to add the config to limit it.
Any help is appreciated. Thank you.
Ionic:
ionic (Ionic CLI) : 4.9.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.0-rc.0
@angular-devkit/build-angular : 0.11.4
@angular-devkit/schematics : 7.1.4
@angular/cli : 7.1.4
@ionic/angular-toolkit : 1.2.2System:
NodeJS : v8.11.3 (/usr/local/bin/node)
npm : 6.6.0
OS : macOS High SierraCapacitor
“@capacitor/cli”: “^1.0.0-beta.13”,
“@capacitor/core”: “^1.0.0-beta.13”,
“@capacitor/ios”: “^1.0.0-beta.13”,Diagnostic
“@ionic-native/diagnostic”: “^5.0.0”,
“cordova.plugins.diagnostic”: “^4.0.10”,
Posts: 1
Participants: 1
↧
Your account is delinquent. Please update your billing
@bardcrack wrote:
I currently have an invoice pending. Corresponding to the month of August of last year. It is for an amount of $ 29. The invoice number is in_1CwWs0DDmNEjA07UBTSMtwF0.
I want to be able to pay for it, and re-hire the Starter package:
"ADD-ONS $ 29 / mo Ionic Package Android & iOS builds Ionic Deploy with 10,000 monthly live updates “, when trying to acquire the Starter package I get a message that says:” Your account is delinquent. Please update your billing "But I can not find the option to pay the bill that I have pending. And it does not let me acquire the package I want for the same reason.
What I can do?
Posts: 1
Participants: 1
↧
Help, IONIC 4 - ANGULAR 7
@devCODITRON wrote:
HELP:: IONIC 4 - ANGULAR 7 (.apk simple demo)
- ionic start myApp tabs --type=angular
- cd myApp
(config.xml :: )- ionic cordova platform add android
- ionic cordova build android
- I install the apk
- When you open the app only the splash appears a few seconds later it goes blank.
The same with the app I was doing.IS SOMETHING MISSING OR THAT WITH IONIC VERSION 4?
.
Posts: 1
Participants: 1
↧
Ionic 3 camera: Close camera and gallery
@mallu123 wrote:
Is there any methods/events to close the opened camera/gallery in ionic 3 camera plugin. I have a requirement like, suppose my camera is opened and user put app in background by pressing home button, then camera should be closed same for gallery(photoalbum). How can I close camera through camera plugin in ionic 3
In ionic 3 docs there is no methods/event to close the camera explicitly
Please help me anyone, I’m struck with this…
Posts: 1
Participants: 1
↧
↧
Upgrade Ionic 4 beta project to 4 release
@shadster wrote:
I have a project that I’ve been working on for a few months. It was created with ionic 4 beta. How do I upgrade the project to 4 (release).
And any differences between beta and release version?
Thank you
Posts: 1
Participants: 1
↧
How to print object
@flycoders_sourav1 wrote:
I want to print a specific object in my ts file
below my response Object { message: “Mail Sent Successfully”, code: “200” }
I want to print code i tired to print like this data.code but showing an error
Please help me
Thanks
Posts: 1
Participants: 1
↧
@ng-idle/keepalive
↧
Ionic 4 Access-Control-Allow-Origin error
@arnhrwd wrote:
I’m using Mazemap from www.mazemap.com and getting the Access-Control-Allow-Origin error on both the browser and mobile devices.
The Mazemap interface does not provide an option for me to set the headers of the http request that it makes.
Is there a way in Ionic 4 to set the default headers of all http requests globally, or else how do I avoid this CORS error?
Posts: 1
Participants: 1
↧
↧
Confusing Doc for know which version of doc I read Currently
@ravi14797 wrote:
Hello Ionic,
Ionic is a fantastic framework for mobile development. I just need one fever from the ionic side.
Please show the dropdown or select for version. Here this small thing create a huge confusion about which version of doc I am reading currentlyI talk about this site:
You can also see any framework website mostly I use one is Laravel for reference
Laravel : https://laravel.com/docs/5.7/installationThanks
Bhandari Ravindra
Posts: 1
Participants: 1
↧
Header like ios12 style
@francoiscollombon wrote:
Hi,
Do you know how can I make a header like ios12. Like this style :
Thanks!
François
Posts: 1
Participants: 1
↧
Ionic 4 + Net core
@dnietoandres wrote:
Hello everyone,
I have a project that needs to be done in Visual Studio 2017 with capacitor(not Cordova). I am having some problems with the routing.
When I firstly launch the project the routing works fine but if I reload the HomePage it throws a 404 Error. It is a blank project so at this moment it only has the HomePage.
So I hope anyone can help me.
Greetings.
Posts: 1
Participants: 1
↧