Have you found a solution ?
I have the same problem, i just update Angular 7 to 8.
↧
Application Error net::ERR_CONNECTION_REFUSED (http://localhost/)
↧
Ionic 4: Customizing ion-card background
Hi
I’m just starting to customize styles of my app because it seems so easy if I believe to the documentation 
But sadly already the simplest things doesn’t work.
1. I changed the the background color of the whole app which worked (variables.scss)
:root {
--ion-background-color: green;
}
2. I tried to change the background of ion-card as well
ion-card {
--background: yellow;
}
but this rule has no impact and does not change the background of my ion-card?!
according the documentation there is a css-custom-property ‘–background’ for ion-card
I also saw some strange behavior when I was investigating the rendered DOM of my page.
Where is this strange class ‘.sc-ion-card-ios-h’ coming from?
↧
↧
How to render routes conditionally?
I am on my first Ionic build and have come unstuck with routing. Usually, I just check if there is a valid user, if so I render logged in routes, if not I render auth routes, both in a Switch.
I have tried this approach in Ionic but I just get a blank screen.
I have put a S/O question here: https://stackoverflow.com/questions/59957805/how-can-i-conditionally-render-routes-and-redirect-on-prop-changes-with-react-io
I really just need to know how to render routes dynamically and redirect on a successful user prop rerendering the app.
Thanks in advance.
↧
Ionic 4: Customizing ion-card background
with this workaround it works for the moment, but I think it’s not the solution to use !important
ion-card {
--background: yellow !important;
}
↧
Slide Up like Google maps
Hi there, I was wondering if someone has ever built something like this with Ionic:
I’ve been investigating on how to achive something like the gif above.
I’ve seen Hammer js, but i have read that Ionic 5 it is going to have a gesture controller for animations an surely will replace Hammer js at least in Ionic. So I dont’t know if to implement Hammer js or what to do and if the gesture controller will allow me to achive that.
Anyone with an idea?
PD: Maybe it could be a good request for the team?
Thanks!
↧
↧
Ionic responsive
thanks so much but i can`t understand responsive concept. do you have a responsive app or responsive template send for me. I need to see code…
if it is a simple app not important…
↧
Error with cordova-plugin-firebase
Thank you! Worked for me 
↧
How To Prevent hardware back button to close ionic Modal
Hello.
I’m using Ionic 4 with Angular 8
I want to “Disable” modal dismiss when i press android hardware “back” button.
this.platform.backButton.subscribe(() => {
console.log("Button Pressed");
});
I can trace the event but i can’t prevent ionic to dismiss modal.
↧
Cordova-plugin-fcm-with-dependecy-updated plugin
This folder appears only after command “cordova platform add android”, but we use capacitor, and in case with cordova folder if we try to run build from there we have another error:
error: failed linking file resources.
↧
↧
Ionic Developer needed 10-20 hrs/week
Hello @j2d2
Hello I am interested in this opportunity. Let me know if we can discuss it in more detail.
Cheers,
Manish
↧
Can we use *ngFor to bind data dynamically to view within AlertController
let itemsList = ``;
let imageList = ``;
let items = [1,2,3];
let images: any[] = ['../../assets/basic_logo_2.png', '../../assets/basic_logo_3.png', '../../assets/basic_logo_4.png']
items.map((item)=>{
itemsList += `<li>${item}</li>`
imageList += `<li> <img src ='${images[0]}' class="alert-img" > </li>`
});
let message = `<ul>${itemsList}</ul>`;
let message1 = `<ul> ${imageList}</ul>`;
const alert = await this.alertCntrl.create({
header: 'Title',
message: message + message1 + ` <span>message body</span> <div> <img src="../../assets/basic_logo_2.png" alt="g-maps" class="alert-img" ></div>` ,
buttons: [
{
text: 'Cancel',
role: 'cancel',
handler: (blah) => {
console.log('Confirm Cancel: blah');
}
}, {
text: 'Replay',
handler: () => {
console.log('Confirm Okay');
}
}
]
});
await alert.present();
}[quote=“champion007, post:1, topic:119855, full:true”]
Hi Folks,
Was wondering if we can use something like below, not working for me. Am i missing something ?
this.multipleNumber.push([
{
"name": "Number1",
"number": "8782374"
},
{
"name": "Number2",
"number": "9863453"
},
{
"name": "Number3",
"number": "4512345"
}
])
let alert = this.alertCtrl.create({
title: `<p *ngFor='let post of multipleNumber'>{{post.number}}</p>`,
subTitle: '10% of battery remaining',
buttons: ['Dismiss']
});
alert.present();
[/quote]
Look at this code here … here is array is dynamically loop in message of ionic-alert box
↧
Ember Integration
Thanks for the reply, I never got the notification.
Isn’t what you suggested what I’m doing?
ember-capacitor-serve-ios.sh
running that would setup live reload and serve ember
ember-capacitor-build-ios.sh
running that disabled live reload, builds ember and then packages the assets
↧
Help us test the Ionic 5 Release Candidate!
We just spun up an Ionic 4 app on Friday - how do we update to Ionic 5 once it’s live?
↧
↧
Slide Up like Google maps
Hi dnietoandres, you can use hammer perfectly even if you want, you can use javascript native event to make this, but seems easier with hammer
↧
How to play a .mov file in Ionic 4 Capacitor?
Super simple question, I spun up a brand new Ionic 4 Capacitor/React app. I want to play a .mov file that’s located in my /src/assets/splash_screen.mov location.
This doesn’t seem to work:
<video fullscreen="fullscreen" autoPlay={true}>
<source src="../../assets/splash_screen.mov" type="video/mp4" />
</video>
I see this in my network tab:
Also tried it without the leading ../../assets and it still doesn’t play. Appreciate the help!
↧
iOS 13.2 kill() returned unexpected error 1
Hi,
We have an enterprise app developed with Ionic 3. It is distributed via Microsoft Intune. Since iOS 13.2, we have the following:
- When the app is installed via Intune, it doesn’t load correctly and we get the famous “kill() returned unexpected error 1” log.
- When the app is installed directly on the device the app works perfectly, althought we get the same error log.
In iOS < 13.2, it works without problems (with or without Intune).
We’ve tried using UIWebview temporarily, nevertheless it’s not a good solution for us because it would requiere too many visual adaptations.
Any suggestion or information about the bug fix date are welcome.
Thank you in advance
↧
Can we use *ngFor to bind data dynamically to view within AlertController
Alerts are supposed to be super-simple. If you need anything more elaborate, I would suggest simply making your own popover, where you get to supply the component.
↧
↧
Passing data from form to an other ionic 4
This is an unusual question. Can you back up and describe what you are trying to achieve in non-technical terms (i.e. not talking about implementation details, such as forms)?
↧
Ion-input and text-to-speech
Using in HTML:
<ion-button (click)=“speakMe()”>SPEAK
Using in .ts file:
speakOutput() {
var myinput = document.getElementById(“myinput”).innerHTML;
console.log(myinput);
this.tts.speak(myinput).then(() => console.log(‘Success’)).catch((reason: any) => console.log(reason));
}
when I click the speak button a weird - definitely not what it should be saying - output is given, i’m not entirely sure how to reference the id of the input to be used. Any insight is greatly appreciated!
↧
Setting up a page that only appears once for new users
Don’t use localStorage for this. In fact, don’t use localStorage for anything. It does not provide any persistence guarantee. Ionic Storage does, and is just as easy to use.
↧