I’m trying to encrypt a video by ionic file encryption native plugin. but i got “plugin_not_installed” error.
↧
How to perform encryption on a video?
↧
Livereload ERR_CLEARTEXT_NOT_PERMITTED
I’m unable to add
<edit-config file="app/src/main/AndroidManifest.xml" mode="merge"…
on config.xml, because at every build that line is removed (I don’t know why)
↧
↧
Issues when using native Geocoder on browser "as platform"
How>??? can you please share
↧
Ion-picker selected value
Off the top of my head, I would say the date as an ISO string. Haven’t used that particular control, though.
↧
Ionic-v4 how to make transparent modal
You can create custom css class for your modal and pass it with parameter cssClass, like this:
const photoRequestModal = await this.modalCtrl.create({
component: ModalPhotoRequest,
cssClass: 'my-custom-modal-css',
componentProps: {}
});
return photoRequestModal.present();
And somewhere in your scss define my-custom-modal-css:
.my-custom-modal-css {
--background: transparent !important;
}
This will make your modal background transparent. Hope it helps!
↧
↧
White Blank Screen After Splash Screen
Thank you so much for your help. I went to Application Manager and gave app Camera and Storage permission and then tried again. But, I see the same white screen issues immediately after I see splash screen. I used chrome://inspect and see below error . I spent so much time upgrading my app (all plug-ins etc.) and this one error is really bothering me. I’ll really appreciate any help that you can provide me. Thank you again for showing me this way of debugging.
Note: “ionic cordova run android --device” works fine. No issues, no errors, no warnings. I see the issue with “ionic cordova run android --prod”
Can you please provide me some more guidance on below that you mentioned in your response:
- plugin issue
- permission not granted (in your case might be storage permission)
** Error Message **
Failed to load resource: the server responded with a status of 404 (OK)
roboto-light.woff:1 Failed to load resource: the server responded with a status of 404 (OK)
roboto-light.ttf:1 Failed to load resource: the server responded with a status of 404 (OK)
vendor.js:1 Uncaught Error: Cannot find module “.”
at vendor.js:1
at vendor.js:1
at Object. (vendor.js:1)
at e (vendor.js:1)
at Object.283 (main.js:1)
at e (vendor.js:1)
at window.webpackJsonp (vendor.js:1)
at main.js:1
↧
Service worker and ion-slides
Good morning, everyone!
I am testing my Ionic app for publishing as PWA.
Does anyone know about the break of PWA offline “support and Installable” due to the “animation”?
I know when we use “setTimeout()”, “setInterval()”, PWA test will fail.
When I use “ion-slides”, PWA test fails in LightHouse.
Is it related with anything about the animation of “ion-slides”?
Please help.
↧
IONIC 4 + Laravel CORS
Hi did you solve the prob. I’m currently battling with same prob too
↧
[SOLVED] Can I disable a checkbox from activating when clicking on a label?
Hi
How did it go ? did you found a solution yet ?
I use Ionic 4 and this did work for me:
(note also, not sure if its important for you to click specific on the label, but I disable the checkbox to prevent activate when click on it, hope that helped)
<ion-item lines="full">
<ion-label >{{ confirmTitle }}</ion-label>
<ion-checkbox slot="start" [checked]="isConfirmation" (click)="chooseConfirmationTitle($event)"></ion-checkbox>
</ion-item>
and
private chooseConfirmationTitle(ev: Event) {
console.log("choose confirm");
ev.preventDefault();
ev.stopImmediatePropagation();
ev.cancelBubble = true;
ev.stopPropagation();
// Doing other stuff here to control if checkbox should be checked or not!, or just let it be empty!
return (false); // you not have to return false , depends of what you doing above like using alertController etc
}
Now I could control isConfirmation further.
That should work if you using the same settings I have , here it is:
Ionic Framework : @ionic/angular 4.6.0
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1
Cordova:
cordova (Cordova CLI) : 8.1.1 (cordova-lib@8.1.0)
Cordova Platforms : android 7.1.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 6 other plugins)
System:
ios-deploy : 1.9.2
ios-sim : 6.1.2
NodeJS : v11.6.0 (/usr/local/bin/node)
npm : 6.7.0
OS : macOS High Sierra
Xcode : Xcode 9.2 Build version 9C40b
↧
↧
5.2.1 Compile error
Thank you for your suggestion but this didn’t make any difference 
↧
Ion-picker - not getting button pressed details back
I think you are missing a handler on your buttons…
buttons: [
{
text: 'Cancel',
role: 'cancel'
},
{
text: 'Done',
role: 'done',
handler: value => {
console.log("Got Value", value);
this.results = value;
picker.dismiss(value, "confirm");
}
}
],↧
Are you waiting for Ionic Vue 1.0?
nope… it works fine, no ned to wait
↧
How to set up css/scss global for ionic/[Vue]?
I have loaded them into my App component like this
<style src='@ionic/core/css/core.css'></style>
<style src='@ionic/core/css/ionic.bundle.css'></style>
See project - https://github.com/aaronksaunders/ionic-vue-picker-sample
↧
↧
Structuring React apps
Here is what I have come up with
↧
IONIC 4 + Laravel CORS
change the header application/json to text… and it will work… its a quick workaround
↧
Using Google Places API and Autocomplete with Ionic 4
Did you find anything? If you can please share.
↧
Chrome extension built with Ionic: Notyfy
Hey all, I’ve been working quite some time on https://notyfy.co. Before I get to the next phase, I’d like to gather constructive feedback. It might look familiar if you know the “Chime” chrome extension that I loved using. But it stopped working 5 years ago. On top of it, it used chrome extension permissions I’d like to prevent needing to use, e.g. reading cookies.
What does it do: It checks periodically your online platforms and tells you when you have new notifications and lists them all in one place
Do I need to login for these services? No. Notyfy automatically checks which online platforms you’re logged in for.
What online platforms are available:
- Gmail
- StackOverflow
- Medium
- Quora
Tech used:
- Ionic v4 (vanilla-js provided through CDN)
- Vue
- Github pages
Site: https://notyfy.co/
If there is any interest I can try writing up the journey of writing a chrome extension with Ionic, their pros and cons.
Cheers!
↧
↧
Ion-picker - not getting button pressed details back
Thanks! That got it.
↧
Ion-picker selected value
I got the answer. Use selectedIndex property in the column.
...
columns: [
{
name: 'hour',
selectedIndex: selectedHoursIndex,
options: [
{ text: '01', value: '01' },
{ text: '02', value: '02' },
...
↧
Ionic v4 generate component within a page folder does not automatically add it to page module
Problem:
If you run ionic generate component <existing page>/someCustomComponent ,
it does not make the appropriate changes in the module file.
Example:
CREATE src/app/existing-Page/some-Custom-Component.component.html (38 bytes)
CREATE src/app/existing-Page/some-Custom-Component.component.spec.ts (755 bytes)
CREATE src/app/existing-Page/some-Custom-Component.component.ts (287 bytes)
CREATE src/app/existing-Page/some-Custom-Component.component.scss (0 bytes)
What is missing above is the UPDATE src/app/app-routing.module.ts or update the existing-page.module.ts
However, if you do the same with ionic generate page <existing page>/someCustomPage ,
it works as expected and updates the module file.
Example:
CREATE src/app/existing-Page/some-Custom-Page.module.ts (574 bytes)
CREATE src/app/existing-Page/some-Custom-Page.page.html (132 bytes)
CREATE src/app/existing-Page/some-Custom-Page.page.spec.ts (734 bytes)
CREATE src/app/existing-Page/some-Custom-Page.page.ts (283 bytes)
CREATE src/app/existing-Page/some-Custom-Page.page.scss (0 bytes)
UPDATE src/app/app-routing.module.ts (586 bytes)
Versions:
Running @ionic/angular 4.1.0
Is this expected behavior? Thought the generate should automatically update the parent page module.
↧