@priyangaVT wrote:
After a page is pushed, the focus is not setting on top. In my project, I am using a header component, this component contains an image. I have loaded the component in a login page. after logged in successfully, i am pushing dashboard page. In dashboard page i need to set focus for the image element in the header component .
Please someone help me to solve this issue.
Posts: 1
Participants: 1
@Zodneur wrote:
I created a basic Angular interface, and then tried to open it with ionic.
the first time i compile i get an error that says that i should add “ionic.config.json” file to my project and after doing that and compile again i get this error and in order to resolve it i installed ionic in that directory but the same error keeps poping ! if anyone could help it would be much appreciated.PS C:\Users\dell\Desktop\login1> ionic serve > ng run app:serve --host=0.0.0.0 --port=8100 [ng] Project 'app' could not be found in workspace. [ng] Error: Project 'app' could not be found in workspace. [ng] at Workspace.getProject (C:\Users\dell\Desktop\login1\node_modules\@angular-devkit\core\src\workspace\workspace.js:93:19) [ng] at Architect.getBuilderConfiguration (C:\Users\dell\Desktop\login1\node_modules\@angular-devkit\architect\src\architect-legacy.js:117:41) [ng] at RunCommand.runSingleTarget (C:\Users\dell\Desktop\login1\node_modules\@angular\cli\models\architect-command.js:160:45) [ng] at RunCommand.runArchitectTarget (C:\Users\dell\Desktop\login1\node_modules\@angular\cli\models\architect-command.js:201:35) [ng] at RunCommand.run (C:\Users\dell\Desktop\login1\node_modules\@angular\cli\commands\run-impl.js:14:25) [ng] at RunCommand.validateAndRun (C:\Users\dell\Desktop\login1\node_modules\@angular\cli\models\command.js:124:31) [ng] at process._tickCallback (internal/process/next_tick.js:68:7) [ng] at Function.Module.runMain (internal/modules/cjs/loader.js:744:11) [ng] at startup (internal/bootstrap/node.js:285:19) [ng] at bootstrapNodeJSCore (internal/bootstrap/node.js:739:3) [ERROR] ng has unexpectedly closed (exit code 1).
Posts: 1
Participants: 1
@mmcossu wrote:
e use ionic2 and our customer requires a comma as decimal separators for currencies in input fields. At the same time he wants a device keyboard showing the comma. Apparently the only thing that is stopping us is the fact that the elements is using this numeric pattern: “#,##0.###” taken from globalization.
We need to change this pattern somehow, so that the function navigator.globalization.getNumberPattern() returns a promise with a value like: “###0,###” .
Is there a way to override this pattern in ionic/cordova? I can’t see any set method exposed by navigator.globalization…
Posts: 1
Participants: 1
@neethu.george wrote:
how to integrate phonegap-plugin-push in ionic 1 project ?
Posts: 1
Participants: 1
@kedgemor wrote:
Hello! I’m creating now an application and got stuck in the end with post production. I need some advice on where to find a service or a company that would assist me in backend troubleshooting. thank you for the every advice.
Posts: 1
Participants: 1
@wiloooo wrote:
First of all, hello to all. I have a problem with the ionic v4, the splashcreen generation works fine but not the app icon. I still have the ionic icon by default, it’s been two days that I’m on it I tried everything:
ionic cordova resources android ionic cordova platform add/remove android ionic cordova resources --forcebut nothing helps! Is this normal? My pictures are well created, I see the android folder in resources, I do not understand
Otherwise the v4 is amaziiiiiing, is there a space to donate?
my configuration
Ionic: ionic (Ionic CLI) : 4.10.1 (/usr/local/lib/node_modules/ionic) Ionic Framework : @ionic/angular 4.0.1 @angular-devkit/build-angular : 0.12.4 @angular-devkit/schematics : 7.2.4 @angular/cli : 7.2.4 @ionic/angular-toolkit : 1.2.3 Cordova: cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) Cordova Platforms : android 7.1.4, browser 5.0.4, ios 4.5.5 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.3, (and 14 other plugins) System: NodeJS : v10.6.0 (/usr/local/bin/node) npm : 6.7.0 OS : Linux 4.15By french user
(sorry for my english, i’m french
)
Posts: 1
Participants: 1
@ollie-w wrote:
I have made some Stencil components using the stencil CLI
Pick a starter › componentoption.
I have imported my component library asimport 'lrs-components';into an Ionic app.I will be using the same component library on multiple websites and apps and they will not all use all of the components.
Is there a way to tree shake so that only the ones that are used get bundled?
Or am I better of creating a whole new repo for each different component?
Posts: 1
Participants: 1
@lastsouls wrote:
hii, im new in this of ionic. I want to open a ionic creator project in visual code to edit it.
How do i do it?
Posts: 1
Participants: 1
@BumblebeeLinton wrote:
Our app is not able to scroll on an iOS 12 device. The app only scrolls when you click on a button or when you trigger the onresume method. Any ideas? We have tried to update to cordova-ios@5.0.0 but with no luck.
Posts: 1
Participants: 1
@firmino wrote:
Finally! foodIonic 2 is arrived!! Our new @Ionicframework 4 theme, truly focused in Restaurants and Food Order.
25+ Pages
Lazy load
AGM (Angular Google Maps)
NGX-Translate (i18n)
Angular/PWA
Also on Ionic Market:
Check it now! #ionic #ionicframework #ionic4
Posts: 1
Participants: 1
@nesbhm wrote:
I used color generator ,just like it is mentionned in the documentation, to update the default ionic theme. But when I tested my App, It did not work. I am always getting the old default value (#3880ff as a primary color).
However, it worked when testing it on a browser with ionic serve.For example, I am trying to change the toolbar color :
This is what I get on chrome :
And this what I get on Android emulator/device :
What did I missed ? Thank you !
Posts: 1
Participants: 1
@abhijeetfarakate wrote:
import { Contacts } from '@ionic-native/contacts/ngx'; constructor( private contactsPlugin: Contacts ) { } this.contactsPlugin.find(["displayName", "phoneNumbers","photos"], {multiple: true, hasPhoneNumber: true}) .then((contacts) => { console.log("Length: ", contacts.length); for(let i=0; i < contacts.length; i++){ console.log('... ',contacts[i]); } }, (error) => { console.error("Contacts error: ", error) })I am using,
“cordova-plugin-contacts”: “3.0.1”,
“@ionic-native/contacts”: “^5.0.0”
Posts: 1
Participants: 1
@Antoineb86 wrote:
Hello everyone !
I am a French developer and I discovered Ionic Framework.
I wish to develop my application for my end of study project.
The application must-be is created on the command line and not via the site ionic?That is, we put our own HTML / CSS / JS? No need to go through an ionic derivative? (AppFlow)
So I have to follow the tutorial https://ionicframework.com/docs? To create from A to Z my application?
I asked for an Ionic Studio license to make it a little easier for me even if I already manage the html css and js.
To export its application in .apk it’s simple?
I thank you in advance,
Antoine
Posts: 1
Participants: 1
@blondie63 wrote:
Has anyone managed to use the cordova wifiwizard2 plugin and get the SSID of the current connection? to me it always comes back “unknow” despite all the various authorizations of xcode and others for android! Does anyone have an advice?
Posts: 1
Participants: 1
@stemmo wrote:
Hi all,
I added the SQLite plugin in my project but, writing the code, I receive the error:
Cannot find name ‘SQLite’.
It’s quite strange cause I have no error on SQLiteObject item …
Of course I added:
import { SQLite, SQLiteObject } from ‘@ionic-native/sqlite’;Symbol SQLite is not present in the suggested items list the VCode propose.
How can i solve it?
Thanks!
Posts: 2
Participants: 1
@sreenathtv18 wrote:
I need a date picker from calendar option in ionic 4 , angular 7. I am new to hybrid app development. Can you suggest any plugin which i can use
Posts: 1
Participants: 1
@maddan_mohit wrote:
I am using latest version of ionic
4.0.0
I am trying to update content of slider on button click but it doesn’t update the content even array values changed in TypeScript code.
Here us my view code:<ion-slides class="main-slide" pager=true loop="true" #mainSlider [options]="mainSliderOpts"> <ion-slide class="change-display" *ngFor="let product of products;"> <div class="item-container"> <div class="strike-title">Strike Price</div> <div class="devider"></div> <p class="description"> To at least what price do you think the stock will move from its current price if <strong>${{product.price}}</strong>? </p> <div class="lose" [ngClass]="{ 'profit': product.profit > 0,'lose': product.profit < 0 }"> <span *ngIf="product.profit > 0">+</span>{{product.profit}}% </div> <div class="price-contract"> PRICE PER CONTRACT: <strong>${{product.contractPrice}}</strong> </div> <ion-button class="next-btn" (click)=priceSliderChanged() expand="full" color="dark">Change Values</ion-button> </div> </ion-slide> </ion-slides>And Here is my typescript code:
import { Component, ViewChild } from ‘@angular/core’;
import { IonSlides } from ‘@ionic/angular’;@Component({
selector: ‘app-home’,
templateUrl: ‘home.page.html’,
styleUrls: [‘home.page.scss’],
})
export class HomePage {
@ViewChild(‘priceSlider’) priceSlider: IonSlides;
@ViewChild(‘mainSlider’) mainSlider: IonSlides;products: any = ;
priceSliderOpts = {
slidesPerView: 2
};mainSliderOpts = {
effect: ‘flip’,
slidesPerView: 1,
lockSwipeToNext: true,
loop: true,
onInit: (slides: any) => {
alert(“Init!!”);
}};
ionViewDidEnter() {
//lock manual swipe for main slider
this.mainSlider.lockSwipeToNext(true);
this.mainSlider.lockSwipeToPrev(true);
}prices: number = [
297.50,
295.00,
292.75,
290.75
];next() {
this.mainSlider.lockSwipeToNext(false); this.mainSlider.slideNext(); this.mainSlider.lockSwipeToNext(true);}
randomIntFromInterval(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
}constructor() {
this.products = [
{
title: ‘NFLX’,
price: 313.2,
prices: [
297.50,
295.00,
292.75,
290.75
],
profit: 4,
contractPrice: 400 //defalt price
},
{
title: ‘NFLX 1’,
price: 413.2,
prices: [
297.50,
295.00,
292.75,
290.75
],
profit: -6.6,
contractPrice: 500 //defalt price
},
{
title: ‘NFLX 2’,
price: 213.2,
prices: [
297.50,
295.00,
292.75,
290.75
],
profit: -7,
contractPrice: 300 //defalt price
}
]
}
priceSliderChanged() {this.mainSlider.getActiveIndex().then((index) => { var activeProduct = this.products[index]; activeProduct.profit = this.randomIntFromInterval(-5, 6); activeProduct.contractPrice = this.randomIntFromInterval(350, 460); //setTimeout(()=>{ this.mainSlider.update().then((d: any) => { // alert(d); }); });}
}As you can see
contractPricewas changed successfully if I console but not changed in ‘.price-contract’ div.Thanks for your help.
Posts: 1
Participants: 1
@reedrichards wrote:
I host a PWA build with Ionic v4 Angular v7 on Firebase
When iOS user access it for the first time, use it and had it to their homes teen it’s all good
If I redeploy the app on Firebase, then next time they start/access the app they will encounter a white screen of death
If the safari browser cache is cleaned, then at least in the browser it works again but the app added to the home screen still face the white screen
I use the @angular/pwa to bundle the service worker
Any idea what the heck?
Posts: 1
Participants: 1
@Dubicki wrote:
I am currently using the Streaming Media plugin in my Ionic 4 project. I have the latest Ionic version and latest version of the plugin but cannot seem to figure out how to make the background image show up in my app. Other than that everything about the plugin work fine. I was able to make this work with an Ionic 3 project. Here is what I would to do:
let options: StreamingAudioOptions = { bgImage: "../../assets/imgs/myImage.png", // path to my image within assets folder bgImageScale: "fit", // other valid values: "stretch", "aspectStretch" }; this.streamingMedia.playVideo(audioUrl, options);My result is that the native audio player with come up with a black screen and the audio will start to play. My image does not show up.
I would like my image to come from assets, but I also tried this from http url and still had no success.
Can anyone help me with this or provide a different solution?Thanks
Posts: 1
Participants: 1
@BobTheShoplifter wrote:
I get the error : [17:29:17]: Shell command exited with exit status 255 instead of 0.
The user-provided path platforms/android/build/outputs/apk/debug/android-debug.apk does not exist.
This error i get on a build that was working fine a few weeks ago with no changes.
Full error log : https://pastebin.com/6V2zPbYr
Posts: 1
Participants: 1
(sorry for my english, i’m french 
)
25+ Pages
