Hello,
I am using AppFlow to build phonegap app based on documents for Migrating from PhoneGap Build to Ionic Appflow. Although the APK file is created and installed samsung phone, but all events are not triggered.
No idea what is going on Appflow builder
1 post - 1 participant
Hi to everyone. I am struggling with an issue with modal in iOS. It opens in the way that goes to overlap the status bar. The biggest problem occurs in iOS11 because I can not even close the modal.
I use Xcode emulator so I was wondering if it is an emulator issue or ionic-modal problem and how to solve it.
I tried different solutions from stack overflow or other forums adding padding-top to modal but nothing worked.
I will appreciate any help.!
Simulator Screen Shot - iPhone 11 Pro - 2020-10-15 at 19.03.14|690x291
1 post - 1 participant
I would like to force my ionic app (5.3.5) to desktop plateform
because, there are tablet pc in my company, and plateform returns “mobile+tablet” for those computers. example: I want allways “plt-desktop” class instead of “plt-mobile , plt-tablet” in < html > tag for this app.
thank for your help.
2 posts - 2 participants
Hi,
I’ve been working with an app for a while, which has been working fine with API requests to a backend, after we set up the backend to allow requests from http://ionic
Today, we tried it on a Samsung S10 (Android 9) and it fails, and i get this message when debugging the error:
Response to preflight request doesn’t pass access control check: The ‘Access-Control-Allow-Origin’ header has a value ‘ionic://’ that is not equal to the supplied origin. Origin ‘ionic://’ is therefore not allowed access.
To me the Access-Control-Allow-Origin header value seem identical to the Origin value. At least is seems identical to me. Anyone else who has seen this before and know why it happens, and know a way to fix it?
Thanks in advance,
Lars
1 post - 1 participant
Is there any way to access the e.target.value of onIonInput? I’d like to setState(e.target.value) using this method since the onIonChange is reserved for a debounce reducer function.
6 posts - 2 participants
I’ve been trying to import ionic-native-camera into my app.module on Angular 8, but I’ve been receiving this message:
Unexpected value 'Camera' imported by the module 'AppModule'. Please add a @NgModule annotation.
Here’s my app.module:
import { Camera } from '@ionic-native/camera/ngx';
...
What should I do to solve this?
imports: [
...
Camera
]
1 post - 1 participant
Hello,
I´m new on mobile development, I made a simple application with Ionic 5/React, but one of the requisites for this applications is work on Android 7.0, but I wonder if it is possible, if an Ionic App with react works in this Android Version.
When I generate the .apk (even the most simple ionic start application) on 7.0, it installs, but when running the app an empty window appears (like a white page with no error message) and nothing else happens.
I tried to solve this in so many ways, unfortunatelly now I´ve no idea of what to do.
The steps I made:
Does anybody could help?
1 post - 1 participant
I have just reinstalled my laptop with windows 10 and resetup the ionic environment. but when starting ionic serve, it returns blank page and console log shows as pic at https://ibb.co/28m7WNL
what could be the problem? it was working fine on the old windows
android build was oke
1 post - 1 participant
Summary
Global Cosmetic Packaging Industry Information By Materials (Plastic, Paper, Glass, Metal), Product (Bottles & Jars, Tubes, Containers, Pouches, Sticks, Roller balls, Dispensers), Application (Hair Care, Skin Care, Nail Care), & Region- Forecast 2023
Key Players
The key players of global cosmetic packaging market report include
ABC Packaging Ltd
Aptar Group Inc.
Amcor Limited
Albea S.A
Fusion Packaging
Gerresheimer AG
HCP Packaging
Libo Cosmetics Company, Ltd.
Quadpack Industries
RPC Group Plc.
Market Research Analysis
The market is highly application based. The key drivers of cosmetic packaging market are growth on innovative and alluring packaging. Major cosmetics and personal care brands have started considering effective packaging as an important attribute of product marketing. Therefore, the strategy enhanced brand visibility, increased sales, reduced brand recall rates.
Scope of the report
This study provides an overview of the global trends in cosmetic packaging industry, tracking three market segments across four geographic regions. The report studies key players, providing a five-year annual trend analysis that highlights market size, volume and share for North America, Europe, Asia Pacific, and Rest of the World. The report also provides a forecast, focusing on the market opportunities for the next five years for each region. The scope of the study segments the global cosmetic packaging market as material, product and application. On the basis of material it is segmented as metals, plastics, paper, glass and others. On the basis of product it is segmented as bottles, tubes, jars, containers, sticks, roller balls and others. On the basis of application it is segmented as hair care, skin care, nail care, makeup care and others.
Access Full Report With Complete TOC @ https://www.marketresearchfuture.com/reports/cosmetic-packaging-market-1778
About Market Research Future
At Market Research Future (MRFR), we enable our customers to unravel the complexity of various industries through our Cooked Research Report (CRR), Half-Cooked Research Reports (HCRR), Raw Research Reports (3R), Continuous-Feed Research (CFR), and Market Research & Consulting Services.
1 post - 1 participant
Importing component to every vue file, it could be a tedious work, so why not import App.vue file once and use globally.
1 post - 1 participant
Hi all!
I’m having a problem that is driving me crazy. I’m trying to show an image that is on a http URL but it only appears in the browser (ionic serve) but no in emulator or real device. The image with https URL works fine.
My HTML is:
<ion-header [translucent]="true">
<ion-toolbar color="primary">
<div style="float:left;padding-top: 5px;">
<ion-title>
MeteoRADAR
</ion-title>
</div>
</ion-toolbar>
</ion-header>
<ion-content class="fondo">
<div style="width:100%;height:100%">
<ion-img src="http://www.cisgalicia.org/contactos/plantillas/20201007_contract/cabecera.png"></ion-img>
<ion-img src="https://images-na.ssl-images-amazon.com/images/I/61bhGCoTx2L._AC_SX569_.jpg"></ion-img>
<img class="object-img" [src]="getImgContent()">
</div>
</ion-content>
The first and the third images are not appearing but the second one is fine.
The third image is the same that the first one but with the url sanitized by:
import { Component } from '@angular/core';
import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
import { ActivatedRoute } from '@angular/router';
import { NavController } from '@ionic/angular';
@Component({
selector: 'app-radar',
templateUrl: './radar.page.html',
styleUrls: ['./radar.page.scss'],
})
export class RadarPage {
url: string;
constructor(private navCtrl: NavController, public sanitizer:DomSanitizer, private route: ActivatedRoute) {
this.url = "http://www.cisgalicia.org/contactos/plantillas/20201007_contract/cabecera.png";
}
getImgContent() {
return this.sanitizer.bypassSecurityTrustUrl(this.url);
}
}
I have the whitelist plugin installed and in the config.xml:
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<allow-intent href="*" />
<allow-navigation href="*" />
And change the meta in the index.html:
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; media-src *; img-src * filesystem: data:">
I don’t know what else I could try!! Any ideas?
Thanks in advance
1 post - 1 participant
I have an ionic single page web app in which the user completes some information and create some components dynamically (new columns, cards, etc). After clicking on a button I want to fully reload my page in the initial state. I have tried angular lifecycle hooks but it doesn’t seem to trigger them because there is no change in the route. I tried also route.navigate(['home']) , but it doesn’t work. I don’t need to save any data. Just reload everything.
1 post - 1 participant
Summary
The crippling effect of the global COVID-19 Analysis has detained the growth potential of the Food Packaging Market. This MRFR report on the Food Packaging Market indicates critical pointers that may emerge as growth hubs in the future. Moreover, in-depth data analysis is estimated to offer a clearer growth perspective to market participants.
Market Dynamics
Important macroeconomics factors that are also boosting the market growth include the expanding worldwide population, increasing disposable income across developing regions and shrinking households. Today’s consumers prefer customized and innovative solutions for their food items and are known for their heightened degree of price sensitivity.
Renowned Market Contenders
Some of the renowned market contenders studied in the report are D.S. Smith Plc. (U.K.), Amcor Limited (Australia), Mondi Plc (Austria), Silgan Holdings Inc. (U.S.), International Paper Company (U.S.), Coveris Holdings S.A (Luxembourg), Bemis Company, Inc. (U.S.), E. I. du Pont de Nemours and Company (U.S.), The Smurfit Kappa Group plc (Republic of Ireland), RockTenn Company (U.S.), to list a few.
Market Segmentation
Material, type and application are the top segments considered in the report, as per which the market study for food packaging market has been conducted.
Material-wise dissection of the market includes paper and paperboard, glass, metal, plastic and more.
Regional Analysis
The chief markets for COVID-19 Analysis outlined in the report include APAC or Asia Pacific, Europe, MEA or the Middle East & Africa as well as North America.
North American can be one of the top ranking markets for food packaging, trailed by Europe and APAC. However, MRFR anticipates that the region can soon reach the maturity stage in the market. Over the coming years, the market can exhibit better growth since the region is extremely regulated with prominent agencies like the U.S. Food and Drug Administration or FDA implementing strict regulations pertaining to the use of food packaging types. The region is making massive strides when it comes to deployment of sustainable food packaging solutions including thermoplastics and bio-based plastics, which drives the market growth.
With that said, the APAC market, backed by developing nations like India and China can seize the top spot from North America during the evaluation period. The region is expanding at a rapid pace and is touted to be the fastest growing market on account of the rampant demand for nutritious food products among the rising health-conscious population. The increasing preference for packaged food among consumers and the surge in innovations can also instrumental in the market growth. The market growth is also warranted by the increasing foreign direct investments in the food sector along with the mounting number of government regulations concerned with the quality and safety of the food products.
Access Full Report With TOC @ https://www.marketresearchfuture.com/reports/food-packaging-market-2086
About Market Research Future
At Market Research Future (MRFR), we enable our customers to unravel the complexity of various industries through our Cooked Research Report (CRR), Half-Cooked Research Reports (HCRR), Raw Research Reports (3R), Continuous-Feed Research (CFR), and Market Research & Consulting Services.
1 post - 1 participant
Once I entered the data on some screen X, while revisiting via this.navCtrl.navigateForward, older data gets retained, I need to clear up that data, I am not able to figure it out, I tried replace_url:true in navigationExtras object, as well as tried removing Ionic reroute strategy as well.
Here is the Project setup details
Ionic CLI : 5.4.16 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 5.3.5
@angular-devkit/build-angular : 0.1000.8
@angular-devkit/schematics : 10.0.8
@angular/cli : 10.0.8
@ionic/angular-toolkit : 2.3.3
Capacitor:
Capacitor CLI : 2.4.1
@capacitor/core : 2.4.1
Cordova:
Cordova CLI : 10.0.0
Cordova Platforms : none
Cordova Plugins : no whitelisted plugins (12 plugins total)
Utility:
cordova-res : not installed
native-run : not installed
System:
NodeJS : v10.22.0 (/usr/local/bin/node)
npm : 6.14.6
OS : macOS Catalina```1 post - 1 participant
get() {
this.platform
.ready()
.then(() => {
return this.file.resolveDirectoryUrl(this.file.dataDirectory);
})
.then((rootDir) => {
return this.file.getFile(rootDir, “mycon.vcf”, { create: false });
})
.then((fileEntry) => {
console.log(“con fileEntry”, fileEntry);
this.getFile2 = fileEntry;
fileEntry.file((file) => {
console.log(file);
this.getFile = file;
});
});
}
sharebtnsfunc() {
console.log(“share btn”);
var options = {
message: "test massage",
file: this.getFile,
};
let mass = "test";
console.log("share op,", options);
this.socialSharing.shareWithOptions(options);
}
1 post - 1 participant
This article summarizes the findings and theoretical perspectives of 19 empirical studies of sexual problems in gay men. In order to understand these problems better, various differences between male homosexual and heterosexual functioning are discussed first. The studies included differ widely in terms of the issues explored, the populations studied, and the way data have been collected. In a few studies, researchers generally have looked at the prevalence and experience of sexual problems. In other studies, researchers have focused on the etiology and treatment of specific problems, such as sexual desire disorders, sexual aversion, excitement and arousal problems, orgasm disorders, sexual pain disorders, and sexual compulsivity. Overall it is surprising how little is known about these problems in gay men. This is also true, however, for same-sex sexuality in general. Suggestions are made for studies that will enable us to obtain a better understanding of sexual problems in gay men
Battling the ‘homosexual agenda,’ the hard-line religious right has made a series of incendiary claims. But they’re just not true.
Ever since born-again singer and orange juice pitchwoman Anita Bryant helped kick off the contemporary anti-gay movement some 40 years ago, hard-line elements of the religious right have been searching for ways to demonize gay people — or, at a minimum, to find arguments that will prevent their normalization in society. For the former Florida beauty queen and her Save Our Children group, it was the alleged plans of gay men and lesbians to “recruit” in schools that provided the fodder for their crusade. But in addition to hawking that myth, the legions of anti-gay activists who followed have added a panoply of others, ranging from the extremely doubtful claim that sexual orientation is a choice, to unalloyed lies like the claims that gay men molest children far more than heterosexuals or that hate crime laws will lead to the legalization of bestiality and necrophilia. These fairy tales are important to the anti-gay right because they form the basis of its claim that homosexuality is a social evil that must be suppressed — an opinion rejected by virtually all relevant medical and scientific authorities. They also almost certainly contribute to hate crime violence directed at the LGBT community, which is more targeted for such attacks than any other minority group in America. What follows are 10 key myths propagated by the anti-gay movement, along with the truth behind the propaganda.
MYTH # 1
Gay men molest children at far higher rates than heterosexuals.
Depicting gay men as a threat to children may be the single most potent weapon for stoking public fears about homosexuality — and for winning elections and referenda, as Anita Bryant found out during her successful 1977 campaign to overturn a Dade County, Fla., ordinance barring discrimination against gay people. Discredited psychologist Paul Cameron, the most ubiquitous purveyor of anti-gay junk science, has been a major promoter of this myth. Despite having been debunked repeatedly and very publicly, Cameron’s work is still widely relied upon by anti-gay organizations, although many no longer quote him by name. Others have cited a group called the American College of Pediatricians (ACPeds) to claim, as Tony Perkins of the Family Research Council did in November 2010, that “the research is overwhelming that homosexuality poses a [molestation] danger to children.” A related myth is that same-sex parents will molest their children.
THE FACTS
According to the American Psychological Association, children are not more likely to be molested by LGBT parents or their LGBT friends or acquaintances. Gregory Herek, a professor at the University of California, Davis, who is one of the nation’s leading researchers on prejudice against sexual minorities, reviewed a series of studies and found no evidence that gay men molest children at higher rates than heterosexual men.
Anti-gay activists who make that claim allege that all men who molest male children should be seen as homosexual. But research by A. Nicholas Groth, a pioneer in the field of sexual abuse of children, shows that is not so. Groth found that there are two types of child molesters: fixated and regressive. The fixated child molester — the stereotypical pedophile — cannot be considered homosexual or heterosexual because “he often finds adults of either sex repulsive” and often molests children of both sexes. Regressive child molesters are generally attracted to other adults, but may “regress” to focusing on children when confronted with stressful situations. Groth found, as Herek notes, that the majority of regressed offenders were heterosexual in their adult relationships.
1 post - 1 participant
Hi, i have this code.
<IonSlides key="elSlide" pager={true} options={slideOpts}>
{infoDeportista.imagenes.map((imagen) => {
return (
<IonSlide
onClick={() => {
setInfoDeportista({
...infoDeportista,
imagenes: infoDeportista.imagenes?.filter(
(foto) => foto.id !== imagen.id
),
});
}}
key={String(imagen.id)}
style={{ position: "relative" }}
className="ion-padding"
>
<img className="bordeRedondo" src={imagen.url}></img>
</IonSlide>
);
})}
</IonSlides>
I want that when i click on the slide, the slider disappear. but im getting this error.
Uncaught DOMException: Node.removeChild: The node to be removed is not a child of this node
Only happens with the ionSlide… if i remove it works fine… greetings
1 post - 1 participant
As per docs
When you navigate to a new page, Ionic Framework will keep the old page
in the existing DOM, but hide it from your view and transition the new page.
Can we somehow prevent this from happening if we don’t want to cache pages already visited?
I am using
"@ionic/vue": "5.4.0",
"@ionic/vue-router": "5.4.0",
1 post - 1 participant
Hi,
In my ionic project I need to save the notification in backend.I used FCM for push notification service. Incoming notification is show when application is closed. How can I save the notification when app is running in background?
1 post - 1 participant