@TakhUsam Ionic’s default selector for platforms is probably still stronger.
Did you check directly from the debugger what selectors are applying?
You could try something like:
ion-input.ion-untouched,
ion-input.ion-touched {
&.datetimeInput {
–placeholder-color: #bdbdbd;
}
}
@1antares1 ORS enabled this response headers using postman
access-control-allow-headers →Authorization, Content-Type
access-control-allow-methods →POST, GET, OPTIONS, PUT, DELETE
access-control-allow-origin →*
access-control-expose-headers →X-WP-Total, X-WP-TotalPages
allow →GET, POST
cache-control →no-transform, no-cache, no-store, must-revalidate
content-encoding →gzip
content-length →6009
content-type →application/json; charset=UTF-8
date →Fri, 11 Sep 2020 21:49:12 GMT
expires →Wed, 11 Jan 1984 05:00:00 GMT
link →<https://sit.com/wp-json/>; rel="https://api.w.org/"
pragma →no-cache
referrer-policy →no-referrer-when-downgrade
server →Apache
status →200
vary →Accept-Encoding,User-Agent
x-content-type-options →nosniff
x-powered-by →PHP/7.2.33
x-robots-tag →noindex
x-wp-total →6
x-wp-totalpages →1
@RahulSharmaUK You could see before the documentation of this plugin if you use Cordova which has MultiPart possibility:
But read this answer that already a user to quickly implement a multipart/form-data POST:
@nazeeh Do not try Postman to validate the CORS since it runs itself from the Desktop (server) and “patches” certain things to let the Endpoint know that it is not a Browser directly as you do in Ionic.
Try to run the same from https://hoppscotch.io/ (previously called PostWoman) and confirm the answer, please.
@1antares1 response headers
@Raulgds You could use Talks.js as an alternative, which has a “free” demo up its sleeve, and has compatibility with Angular Framework (if it’s your preferred framework) and JavaScript raw in that case.
Look here:
https://talkjs.com/docs/Getting_Started/Frameworks/Angular.html
See this example that you could correctly adapt in your Ionic application, which itself is a WebApp 
:
https://angular-s4da4c.stackblitz.io
Mmmm! Therefore, it is successfully enabled.
I ask myself because the host’s response is:
Origin httpsionic://localhost is not allowed by Access-Control-Allow-Origin.
That protocol, where did you get it?
Could you request that URL from the Hoppscotch inside an angular own http: this.http.get(); and valid?
@nazeeh Try to run the project directly from XCode, opening the platform folder.
Build before (build, not run) correctly the version for iOS and selected iPad device, then you run such files in the editor.
Before, remember to install the iPad simulator:
https://developer.apple.com/download/more
@codeflavor
There is even a recent example on GitHub using Quilljs in the Angular + Ionic Framework.
Check it out:
Here is a Demo of how it works correctly (web-based with Ionic, of course):
https://killercodemonkey.github.io/ngx-quill-ionic/home
I have some requests to same server and worked well the issue only in this module
woocommerce-api
but any endpoint else work well to the same server
Any news regarding this question? I am not working with data bigger than 1mb, but still, I am facing a problem with local storage when I build the apk on the device, it doesn’t work. Any suggestion?
@1antares1
In my server on htaccess file i set the following lines of code:
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods: "*"
Header set Access-Control-Allow-Headers: "Origin, X-Requested-With, Content-Type, Accept, Authorization"
I get this error
Failed to load resource: Access-Control-Allow-Origin cannot contain more than one origin.
I use Ionic Storage, but I (unlike OP) use Angular.
I’d just like to mention that if you’re using Angular, 99.9% of the time you don’t want anything to do with cordova HTTP. Just use Angular HttpClient.
For one thing, what you ask for is tremendously simple:
let fd = new FormData();
fd.append(...);
return this.http.post(url, fd);
No custom headers whatsoever, no manually dealing with JSON.
@freshbie This can be achieved via a hack, Navigate to some sample component and then navigate to the component that you want to reload.
this.router.navigateByUrl('/sampleComponent', { skipLocationChange: true });
this.router.navigate(["yourLandingComponent"]);
Or finally, invoke the function again.
this.ngOnInit();
This will re-run the services that bind the information with the images or anything else inherent that interferes with refreshing the images in the container.
@ajro
is a convenience wrapper around IndexedDB or WebSQL. Like the capacitor plugin above, this exposes a very convenient minimal API. How would this work in capacitor? How does Capacitor treat the WebSQL API ?
Re: community capacitor plugin It also uses internally as a helper to: localForage:
And finally, it would be nice if you take a look at the API: IndexDB directly and try it. Finally, it is Web technology:
Why not check with the Fiddler App, which tries to do Woocommerce as opposed to Postman / Hoppscotch?
Trace all requests, show required metadata and information, and validate that such plugin is missing or lacking.
@1antares1 thanks for the reply, unfortunately it didn’t work;
i have a network service and a page that shows no internet connection.when i try your code, it is redirecting but not calling ngOninit to load again.
This is what i am planning to achieve
Local Notification plugin in case of “every” keeps on sending the notification for every second until that minute is crossed leading to app becoming unresponsive.
Example : If I set a repeating notification of type every day at time 02:00 pm , then notification will be sent continuously for 1 minute until time becomes 02:01 pm.And till this time the app becomes unresponsive.
Please guide as to what should be done in this case to solve this issue.
I read at a few places of using count : 1
But the problem with that is that count : 1 limits the notification to once and it is not repeated the next day.
Link of plugin : https://ionicframework.com/docs/native/local-notifications
Hi,
I am using ionic 5/angular 9. When page refresh white screen blink occurring in PWA website.