Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228529 articles
Browse latest View live

How to Increment and decrements item quantity for a specific product from list of product list

$
0
0

Thanks for your response please can you send the html code how to represent the increment decrement value in page
below my Json response

product_id	123
product_name	my fruitz
availability	Yes
available_quantity_unit	null
nutrition	
benefits	
description	<p>veg</p>
express_delivery	No
express_delivery_slot	
offer_zone	Yes
time_slot	Today Evening
image	http://192.168.0.12/dhupguri_bazaar/site/assets/upload/product/large/000390400_1554977506.jpg
multiple_image	[…]
product_mrp	5000
product_discount	2
product_net	4900.00
available_quantity	500
price_list	[…]
qty	1

Ion-Icons in Ion-Alert message

$
0
0

Hi, Today i’m trying to create a alert message with icon visiblity. Still i didnt able to merge the ion-icon value with ion-alert. Is their any possibe to use the ion-icons in the ion-alert. Please guide me.

async presentAlert(	alertMsg	: 	string, 
				title 		:	string,) {
		const alert = await this.alertController.create({
		header				: 	title,
		message				:	alertMsg,
		buttons: ['OK']
		});
		await alert.present();
	}

 msgAlert() {
	const text 			= 	' <ion-icon name="warning"></ion-icon>This is an Error Message';	
	const tit				=	"Error";
	this.msg.presentAlert(text,tit);
  }

Thanks,
Ashok Lingesan.

Need to develop an application for food delivery

$
0
0

Hi There,

According to me, Developing a food delivery application in these days it became very much easy. If you are going to develop your application from scratch is a time-consuming process it takes more time to implement. Nowadays you can easily find many readymade food delivery app solution providers available in the market. you can instantly purchase the app solution and do customization with respect to your business needs.

Livereload ERR_CLEARTEXT_NOT_PERMITTED

$
0
0

Maybe you can try some of these things:

  1. Check your config.xml
<edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
            <application android:networkSecurityConfig="@xml/network_security_config" />
            <application android:usesCleartextTraffic="true" />
        </edit-config>
        <resource-file src="resources/android/xml/network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml" />
        <allow-navigation href="*" />
  1. You enter all domains, localhost, webservices / api, upload url, etc at resources/android/xml/network_security_config.xml
<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain>localhost</domain>
        <domain>api.example.id</domain>
        <domain>www.youtube.com</domain>
    </domain-config>
</network-security-config>
  1. You can clean and reload the Android Platform & AndroidManifest.xml

cordova clean android

Ionic DevApp Feedback Mega-thread

$
0
0

I dont know much of Vue but I think it means your project doesnt know what to do on “ionic serve”.
This probably means that in your package.json file you are missing this:

"ionic:serve": "gulp default && npm run lint && ionic-app-scripts serve --sourceMap source-map --iscordovaserve --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build"

in your scripts tag.
Here is a gist file of all ionic scripts:

So you have to add it in scripts like this:

"scripts": {
 //some of your scripts 
 "ionic:serve": "gulp default && npm run lint && ionic-app-scripts serve --sourceMap source-map --iscordovaserve --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build"
}

and now you can run it with ionic:serve in your cli
Did that solve your problem?

V4 Toolbar background color in old androids

$
0
0

I tried to use css variables for this

ion-toolbar {
  --background: #{$backgroundColor3};
}

All works correct in latest chrome and on android 8. But on adnroid 5 with chrome 40.* it is not worked (see screenshots below).

I found that minimal android version for Ionic is 4.4 docs

Normal screenshot from latest chrome

Screenshot with issues from android 5:

ionic info ``` Ionic:

Ionic CLI : 5.0.1
Ionic Framework : @ionic/angular 4.4.2
@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 CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.0.0, ios 5.0.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 9 other plugins)

Utility:

cordova-res : 0.3.0
native-run : 0.2.5

System:

Android SDK Tools : 26.1.1 (C:\Android)
NodeJS : v11.14.0 (C:\Program Files\nodejs\node.exe)
npm : 6.9.0
OS : Windows 10

</details>

Creating horizontal scroll contents in ionic

$
0
0

Can you guide to install materializecss installing in ionic 3 please

Error - Couldn't find Materialize object on window


Has anyone successfully integrated angular2-materialize in Ionic 2?

$
0
0

Can you show me the steps to follow. I followed exact same links but no luck

Use service without constructor parameter

$
0
0

this.router.navigate([‘auth’,{token_id:this.tkn}])

how i can pass value in auth service…

Ionic DevApp Feedback Mega-thread

$
0
0

Thanks for the reply.
For me the command wasn’t quite right, so I edited it to:

"ionic:serve": "npm run build && npm run lint && ionic-app-scripts serve --sourceMap source-map --iscordovaserve --wwwDir dist --buildDir dist"

However, it now errors on [npm] sh: ionic-app-scripts: command not found

So the ionic-app-scripts command was missing. I installed them with npm install @ionic/app-scripts which got me to the next error:

[npm] [17:07:10]  ionic-app-script task: "serve" 
[npm] [17:07:10]  Error: tsconfig: Cannot read file '/<redacted>/vue-ionic/tsconfig.json': 
[npm]             ENOENT: no such file or directory, open

So there needs to be a tsconfig.json file, which sounds very typescript-y and angular-y.
Perhaps this just isn’t ready for Vue projects yet…!

Ionic 4 Http failure response on ios

$
0
0

I am facing the same issue with known url on both iOS(Xcode Build) and Android(Android Studio Build).
If you got any solution please share with us.

NOTE: I am getting this only on POST request. GET works fine for me

iOS :
[error] - ERROR {“headers”:{“normalizedNames”:{},“lazyUpdate”:null,“headers”:{}},“status”:0,“statusText”:“Unknown Error”,“url”:“https://www.myurl.com/sendfeed.php/",“ok”:false,“name”:“HttpErrorResponse”,“message”:"Http failure response for https://www.myurl.com/sendfeed.php/: 0 Unknown Error”,“error”:{“isTrusted”:true}}

Android:
E/Capacitor/Plugin/Console: ERROR {“headers”:{“normalizedNames”:{},“lazyUpdate”:null,“headers”:{}},“status”:0,“statusText”:“Unknown Error”,“url”:“https://www.myurl.com/sendfeed.php/",“ok”:false,“name”:“HttpErrorResponse”,“message”:"Http failure response for https://www.myurl.com/sendfeed.php/: 0 Unknown Error”,“error”:{“isTrusted”:true}

Opening pages with ngFor

$
0
0

ı am stuck on for using two ngFor .

home.html

<ion-content *ngFor=“let item of items”>



<ion-col col *ngFor=“let person of people” (click)=“openPage(item)”>



{{person.lesson_d.name}}


home.ts

items=[

   {,component:'FirstPage'},
   {component:'secondPage'},
   {component:'thirdPage'},
   {,component:'fourthPage'},
 
 ]

openPage(page){

  this.navCtrl.setRoot(page.component); 
  }

my code like this.But when ı am running everthing is okey except opening always “fourthPage”.
İn every item opening same page which is “fourthPage”
so please help me.

Way to use Cordova-plugin-sqlServer : problem

CSS is not showing in Chrome after Ionic serve

$
0
0

You need to keep nodes compatible with ionic server version.

In my case I had to face ERR_CACHE_MISS error due to CSS.
Some time it happens that HTTP resources are not served from HTTP sources linked.
https://www.hows.tech/2019/06/fix-err-cache-miss-chrome.html

But can you generate log file so we can deep check the issue since many people have seen this issue.


Ionic-v4 Plugin Screen Orientation onChange does not work in Android 8

$
0
0

Problem

Screen Orientation onChange does not work in Android 8.

I posted this issue in https://github.com/apache/cordova-plugin-screen-orientation/issues/54

The first answer was: This plugin doesn’t contain any Typescript code. Your problem is probably with the Ionic Native wrapper I guess you are using.

Error

ERROR TypeError: Invalid event target
at setupSubscription (vendor.js:92237)
at Observable._subscribe (vendor.js:92211)
at Observable.push…/node_modules/rxjs/_esm5/internal/Observable.js.Observable._trySubscribe (vendor.js:90333)
at Observable.push…/node_modules/rxjs/_esm5/internal/Observable.js.Observable.subscribe (vendor.js:90319)
at main.js:12388
at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:2753)
at Object.onInvoke (vendor.js:53422)
at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:2752)
at Zone.push…/node_modules/zone.js/dist/zone.js.Zone.run (polyfills.js:2512)
at polyfills.js:3251

Code

this.screenOrientation.onChange().subscribe(
() => {
//This code is never executed
if(this.screenOrientation.type==‘portrait-primary’){
this.useBigclass=false;
this.platformWidth=Math.min(platform.width(),platform.height());
}else{
this.useBigclass=true;
this.platformWidth=601;
}
console.log(“Orientation Changed”,this.screenOrientation.type);
}

Environment, Platform, Device

C:\ionic4\getfm5b>ionic info

Ionic:

Ionic CLI : 5.1.0 (XXXX\npm\node_modules\ionic)
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 CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 20 other plugins)

Utility:

cordova-res : 0.3.0
native-run : 0.2.2

System:

Android SDK Tools : 26.1.1 (XXXX\Local\Android\android-sdk) NodeJS : v8.9.4 (C:\Program Files\nodejs\node.exe)
npm : 4.6.1
OS : Windows 10

Plugins

com.unarin.cordova.beacon 3.8.1 “Proximity Beacon Plugin”
cordova-plugin-app-version 0.1.9 “AppVersion”
cordova-plugin-background-mode 0.7.2 “BackgroundMode”
cordova-plugin-badge 0.8.8 “Badge”
cordova-plugin-ble-central 1.2.2 “BLE”
cordova-plugin-camera 4.0.3 “Camera”
cordova-plugin-compat 1.2.0 “Compat”
cordova-plugin-device 2.0.2 “Device”
cordova-plugin-file 6.0.1 “File”
cordova-plugin-filechooser 1.2.0 “File Chooser”
cordova-plugin-filepath 1.5.5 “cordova-plugin-filepath”
cordova-plugin-ionic-keyboard 2.1.3 “cordova-plugin-ionic-keyboard”
cordova-plugin-ionic-webview 4.1.1 “cordova-plugin-ionic-webview”
cordova-plugin-local-notification 0.9.0-beta.2 “LocalNotification”
cordova-plugin-nativeaudio 3.0.9 “Cordova Native Audio”
cordova-plugin-photo-library 2.2.1 “Photo Library”
cordova-plugin-printer 0.8.0 “Printer”
cordova-plugin-screen-orientation 3.0.1 “Screen Orientation”
cordova-plugin-splashscreen 5.0.2 “Splashscreen”
cordova-plugin-statusbar 2.4.2 “StatusBar”
cordova-plugin-whitelist 1.3.3 “Whitelist”
cordova-sqlite-storage 3.2.0 “Cordova sqlite storage plugin - cordova-sqlite-storage plugin version”
es6-promise-plugin 4.2.2 “Promise”
phonegap-plugin-barcodescanner 8.1.0 “BarcodeScanner”

Upload image to database using file_uri

Ion-item --border-style?

$
0
0

I noticed for ion-item there is a custom css property for border-style, but i can find and documentation about valid border styles?

Anyone know what border styles this accepts?

Having a nightmare with button taps

[SOLVED]Local notifications "Click" event with APP CLOSED

Viewing all 228529 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>