Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all 49109 articles
Browse latest View live

Can I set filter for touch up photos?

$
0
0

@velonicatt wrote:

//this photo after take a photo

<button ion-fab (click)=“close2($event, fab2)” id=“f1”>F1 //this button select filter1 (F1) ,F2, F3

ionic3 Can I set filter for touch up photos ?

thank you very much.

Posts: 1

Participants: 1

Read full topic


Accessibility in ios does not work properly

$
0
0

@BbtoAng wrote:

I have the following problem, on the platform I have the voiceover configured in Spanish but at the beginning of the application, I procunt the elements and text in English, even if they are written in Spanish. Someone has some idea of ​​why this happens.

Posts: 1

Participants: 1

Read full topic

When am creating a IONIC 3 project (ionic start SampleApp blank) getting 2 ERRORS as package.json FILE _NOT_FOUND

$
0
0

@RajaJakkampudi wrote:

Below code is ERROR discription
CLI ERROR:-

E:\IONIC projects>ionic start SampleApp blank
√ Creating directory .\SampleApp - done!
√ Downloading and extracting blank starter - done!

? Would you like to integrate your new app with Cordova to target native iOS an
d Android? Yes
√ Personalizing ionic.config.json and package.json - done!

ionic integrations enable cordova --quiet
√ Downloading integration cordova - done!
√ Copying integrations files to project - done!
[OK] Added cordova integration!
[ERROR] Error with .\SampleApp\node_modules\ionic-angular\package.json file:
** FILE_NOT_FOUND**
[ERROR] Error with .\SampleApp\node_modules@ionic\app-scripts\package.json
** file: FILE_NOT_FOUND**

Installing dependencies may take several minutes.

My Ionic info:-

cli packages: (C:\Users\eis-presentation\AppData\Roaming\npm\node_modules)

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

global packages:

cordova (Cordova CLI) : not installed

local packages:

@ionic/app-scripts : 3.1.2
Cordova Platforms  : none
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v8.9.0
npm               : 5.5.1
OS                : Windows 8.1

Environment Variables:
ANDROID_HOME : E:\StudioSDK\sdk
Misc:
backend : pro

Posts: 1

Participants: 1

Read full topic

Change color menu bar from child components!

Disable cleanCSS

$
0
0

@Zoidy wrote:

Hi,
cleanCSS destroys my layout (if there’s a footer and a header on page it adds unnecessary margin-top to the footer, that is almost 500px so the whole page is obstructed), I tried working around that, yet failed.

I need to deploy the app pretty soon, so I need to disable the cleanss task in build --prod (when I manually deleted the lines in build.js in app_scripts, it works fine). What should I add to my webpack.js?

Thanks

Posts: 1

Participants: 1

Read full topic

Is tehre a way to create app extensions?

$
0
0

@luizvnasc wrote:

In my work we have a problem that a lot of different users that share some needs but not all and we are thinking if its possible to create an app that the users could install some extensions that they want instead of to download a lot of apps in the store and to have a lot of icons in their phone.

Posts: 1

Participants: 1

Read full topic

Ionic Login Error Static Injector Error

$
0
0

@agelinas2018 wrote:

I am attempting to implement a login page for my ionic project, but am receiving the following error. Does anyone know what may be causing this?

Below is my login.ts file as of now:


import { Component } from '@angular/core';
import { NavController, AlertController, LoadingController, Loading } from 'ionic-angular';
import { AuthService } from '../../providers/auth-service';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {
  loading: Loading;
  registerCredentials = { email: '', password: '' };

  constructor(private nav: NavController, private auth: AuthService, private alertCtrl: AlertController, private loadingCtrl: LoadingController) { }

  public createAccount() {
    this.nav.push('RegisterPage');
  }

  public login() {
    this.showLoading()
    this.auth.login(this.registerCredentials).subscribe(allowed => {
      if (allowed) {
        this.nav.setRoot('HomePage');
      } else {
        this.showError("Access Denied");
      }
    },
      error => {
        this.showError(error);
      });
  }

  showLoading() {
    this.loading = this.loadingCtrl.create({
      content: 'Please wait...',
      dismissOnPageChange: true
    });
    this.loading.present();
  }

  showError(text) {
    this.loading.dismiss();

    let alert = this.alertCtrl.create({
      title: 'Fail',
      subTitle: text,
      buttons: ['OK']
    });
    alert.present(prompt);
  }
}

Posts: 1

Participants: 1

Read full topic

Fab not working inside a

$
0
0

@suneetjain wrote:

Ionic fab is not opening inside a

<ion-grid>
	<ion-row>
		<ion-col>
			<ion-fab center middle>
				<button ion-fab color="danger"><ion-icon name="md-share"></ion-icon></button>
                <ion-fab-list side="left">
					<button ion-fab color="primary"><ion-icon name="logo-vimeo"></ion-icon></button>
                </ion-fab-list>
                <ion-fab-list side="left">
                    <button ion-fab color="secondary"><ion-icon name="logo-facebook"></ion-icon></button>
                </ion-fab-list>
                <ion-fab-list side="left">
                    <button ion-fab color="light"><ion-icon name="logo-googleplus"></ion-icon></button>
                </ion-fab-list>
                <ion-fab-list side="left">
                    <button ion-fab color="dark"><ion-icon name="logo-twitter"></ion-icon></button>
                </ion-fab-list>
			</ion-fab>
		</ion-col>
	</ion-row>
</ion-grid>

fabIssue

Posts: 1

Participants: 1

Read full topic


Manifest merger failed : Attribute meta-data#android.support.VERSION@value value=(26.1.0) from [com.android.support:support-v13:26.1.0] AndroidManifest.xml:28:13-35

$
0
0

@SEusmaniqbal wrote:

FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ‘:processDebugManifest’. > Manifest merger failed : Attribute meta-data#android.support.VERSION@value value=(26.1.0) from [com.android.support:support-v13:26.1.0] AndroidManifest.xml:28:13-35 is also present at [com.android.support:appcompat-v7:25.4.0] AndroidManifest.xml:28:13-35 value=(25.4.0). Suggestion: add ‘tools:replace=“android:value”’ to element at AndroidManifest.xml:26:9-28:38 to override.

I am facing this error and removing and then installing some plugins.

Posts: 1

Participants: 1

Read full topic

[MultiDex error] when installed firebase and appodeal

$
0
0

@hertanet wrote:

Hi
I have add Appodeal plugin in my project and everything is fine, installed from here


because the link from ionicframwork doesn’t work for me

ok, when im installed firebase :

getting this error

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':transformClassesWithDexForDebug'.
> com.android.build.api.transform.TransformException: com.android.ide.common.process.ProcessException: java.util.concurrent.ExecutionException: com.android.dex.DexException: Multiple dex files define Lcom/google/android/gms/internal/zzee;

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

and I saw when installing one of them on second plugin (that already exist ) i get error message either firebase or appodeal

CLI info:

cli packages:

	@ionic/cli-utils : 1.9.2
	ionic <Ionic CLI>: 3.9.2

global packages:

	Cordova CLI : 7.0.1

local packages

	@ionic/app-scripts : 2.1.4
	Cordova Plarforms  : android 6.2.3
	Ionic Framework    : ionic-angular 3.6.0

system :

	Android SDK Tools : 26.1.1
	Node 			  : v7.7.3
	npm				  : 4.1.2
	OS				  : Windows 7```


**cordova plugins:**

cordova plugins

com.appodeal.plugin 2.1.1 "Appodeal Plugin"
com.hutchind.cordova.plugins.streamingmedia 0.1.4 "StreamingMedia"
cordova-plugin-console 1.0.5 "Console"
cordova-plugin-device 1.1.4 "Device"
cordova-plugin-firebase 0.1.24 "Google Firebase Plugin"
cordova-plugin-inappbrowser 1.7.2 "InAppBrowser"
cordova-plugin-market 1.2.0 "Market"
cordova-plugin-splashscreen 4.0.3 "Splashscreen"
cordova-plugin-statusbar 2.2.2 "StatusBar"
cordova-plugin-whitelist 1.3.1 "Whitelist"
cordova-plugin-x-socialsharing 5.1.8 "SocialSharing"
cordova-plugin-x-toast 2.6.0 "Toast"
cordova-sqlite-storage 2.0.4 "Cordova sqlite storage plugin"
es6-promise-plugin 4.1.0 "Promise"
ionic-plugin-keyboard 2.2.1 "Keyboard"
uk.co.workingedge.cordova.plugin.sqliteporter 1.0.1 “sqlite porter”

**project.properties:**

target=android-25
android.library.reference.1=CordovaLib
cordova.system.library.1=com.android.support:support-v4:24.1.1+
cordova.system.library.2=com.google.android.gms:play-services-ads:9+
android.library.reference.2=com.appodeal.plugin/MFt190880420-cheetah-mobile
cordova.gradle.include.1=cordova-plugin-firebase/MFt190880420-build.gradle
cordova.system.library.2=com.google.gms:google-services:+
cordova.system.library.3=com.google.firebase:firebase-core:+
cordova.system.library.4=com.google.firebase:firebase-messaging:+
cordova.system.library.5=com.google.firebase:firebase-crash:+
cordova.system.library.6=com.google.firebase:firebase-config:+```

build.gradle

   compile "com.android.support:support-v4:24.1.1+"
    compile "com.google.android.gms:play-services-ads:9+"
    compile "com.google.gms:google-services:+"
    compile "com.google.firebase:firebase-core:+"
    compile "com.google.firebase:firebase-messaging:+"
    compile "com.google.firebase:firebase-crash:+"
    compile "com.google.firebase:firebase-config:+"

i have :
Android Studio 2.3
updated sdk
delete and add platform
still not working

Posts: 1

Participants: 1

Read full topic

Clear view cache after logout

$
0
0

@akr_rajkumar wrote:

Hi,

In my application, when I logout, I’m clearing the localStorage using localStorage.clear();

But after login, if I login with some other means, after sometimes my previous ID details only visible. But after logout, when I clean device RAM and open the app means it shows correct data.

I’m assuming that it is due to cache. How to clear the view cache on logout or on leaving a screen?

Posts: 1

Participants: 1

Read full topic

Nested component view not rendering on iPad

$
0
0

@ghostrunners wrote:

The parent container contains a grid with couple rows, cols, and a nested component within.

<ion-grid>
   <ion-row>
      <ion-col>
         <my-component [data]="things"></my-component>
      </ion-col>
   </ion-row>
</ion-grid>

isn’t rendering on iPad in either chrome, or safari. It contains a wrapping ion-scroll container. It only shows about a 20px glimpse of it. When I take a look, the child component doesn’t have a height set, so I’ve added flex: 1 1 auto; to the row, then added height: 100% to my-compnent, and then height: inherit to the ion-scroll, and this makes it render on every single device/resolution except for iPad.

Here is a link to the result. The bar gray atop is my-component not fully rendering. - https://imagebin.ca/v/3iBDlI2rYGKw

Posts: 1

Participants: 1

Read full topic

App closes on splash screen after update

$
0
0

@AllanK wrote:

I am maintaining an app that is already in the App Store and Google Play, but for iOS cordova platform it has been limited to version 4.3.1 - upgrading to any newer would cause the app to quit/crash after displaying the splash screen very shortly.
Now due to XCode 9.1 I am forced to upgrade to iOS 4.5.4 in order to compile the project successfully, except of course that it means: whatever cause it to quit instantly I now have to solve.
Does anybody have any idea what could cause it, or how to debug what exactly causes the instant crash?
For android it worked with no problem on platform 6.2.3, but after upgrading to 6.4.0 it has the exact same problem - which in a way is a good indicator, since it means it must be something in my code or a plugin vs. cordova or ionic.
Starting in browser the app works with no problem.
Starting in any emulator or any actual Android/iOS device it crash/quits instantly.

$ ionic info
cli packages:

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

global packages:

cordova (Cordova CLI) : 7.1.0

local packages:

@ionic/app-scripts : 2.1.4
Cordova Platforms  : android 6.4.0 ios 4.5.4
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.0.2
ios-deploy        : 1.9.2
ios-sim           : 6.1.2
Node              : v6.11.1
npm               : 3.10.10
OS                : macOS Sierra
Xcode             : Xcode 9.1 Build version 9B55

Environment Variables:

ANDROID_HOME : /Users/akn/Library/Android/sdk

Misc:

backend : legacy

$ cordova plugin list
cordova-plugin-app-event 1.2.1 "Application Events"
cordova-plugin-app-version 0.1.9 "AppVersion"
cordova-plugin-appavailability 0.4.2 "AppAvailability"
cordova-plugin-badge 0.8.5 "Badge"
cordova-plugin-device 1.1.7 "Device"
cordova-plugin-facebook4 1.9.1 "Facebook Connect"
cordova-plugin-fcm 2.1.2 "FCMPlugin"
cordova-plugin-googleplus 5.1.1 "Google SignIn"
cordova-plugin-inappbrowser 1.7.2 "InAppBrowser"
cordova-plugin-local-notification 0.9.0-beta.1 "LocalNotification"
cordova-plugin-network-information 1.3.4 "Network Information"
cordova-plugin-splashscreen 4.1.0 "Splashscreen"
cordova-plugin-statusbar 2.3.0 "StatusBar"
cordova-plugin-whitelist 1.3.3 "Whitelist"
ionic-plugin-keyboard 2.2.1 “Keyboard”

Have resolved all conflicts/missings reported by npm install - upgrading angular dependencies from 4.1.3 to 4.4.6 and ionic-native dependencies from misc 3.x to mostly 4.4.2 in the hope it would fix it, but no luck yet.

Stuck for days, so idea ideas of what to look for or how to find data about what could cause the instant crash would be most welcome!

Posts: 1

Participants: 1

Read full topic

Sudden error in ionic start

$
0
0

@WongZulu wrote:

I am new to Ionic and I have been testing out some stuff. I managed to create a number of projects, run them, serve them and even build them. After learning a few things, I deleted all of them and decided to start afresh. But now I am getting this error when I run ionic serve: An error occurred while running npm i (exit code 1):Unexpected end of JSON input while parsing near ‘…“shasum”:"e6c41992619’.

It looks like a checksum problem, but that’s just me guessing. I have no idea what could have changed for it to suddenly stop working. I had previously created, deleted and re-created projects without any problem. Could anybody point out what might have gone wrong?

The exact command I’m running is ionic start lpw super --lpwalker. Though this is happening no matter what template I use and with or without optional parameters.

I am using Ionic 3.18.0, Cordova 7.0.1, Node 8.5.0 and Git 2.15.0 on a Windows 10 PC.

Please help!!!

Posts: 1

Participants: 1

Read full topic

Upload large memory size video files to remote server

$
0
0

@raffi_mohd wrote:

Am looking for the above title funcitonality. As it seems like ionic is already the cordova file-transfer plugin for upload, still am worried on sending the large video files with 300 mb or 500 mb size.

Please help me out.

Thanks and Regards,
Mohammad Raffi Z

Posts: 1

Participants: 1

Read full topic


Copying rich text from ionic app

$
0
0

@maxpaj wrote:

Hi,

I’m having issues implementing a way for our users to copy rich text from our app into Gmail or whatever textfield where rich text is supported.

I’ve tried the Cordova Clipboard plugin, but that won’t allow me to copy HTML. I did modify the plugin so I could copy HTML, however I got stuck with that images were not copied - HTML otherwise looked fine.

Now I’m trying the approach with having a <div contenteditable="true"> which allows the user to select the contents of that div and manually push and hold, then select “Copy”. However, with this approach images won’t stay with either.

Anyone who has experience with this - please drop any hint you could have as to what could lead me to a solution.

Thanks,
/Max

Posts: 1

Participants: 1

Read full topic

localStorage autocomplete not working

$
0
0

@MarinoRaul wrote:

Hi !!!
I
I am having a problem, that localStorage native from javascript lib.es6 not working and I am getting Storage(from ionic lib) autocomplete but if I tap to localStorage word I am going to the correct library…

Any idea? Some happened something similar?

Thanks!

Posts: 1

Participants: 1

Read full topic

Ionic --prod Android

$
0
0

@Jtomas91 wrote:

Im trying to create a deploy apk using the following command: “ionic cordova build android --prod”, but it takes too long, and on the final doesnt creat any apk for Android.

The output:

Running app-scripts build: --prod --platform android --target cordova
[15:03:05] build prod started …
[15:03:06] clean started …
[15:03:06] clean finished in 134 ms
[15:03:06] copy started …
[15:03:08] deeplinks started …
[15:03:08] deeplinks finished in 389 ms
[15:03:08] ngc started …
[15:04:18] ngc finished in 69.57 s
[15:04:18] preprocess started …
[15:04:18] preprocess finished in less than 1 ms
[15:04:18] webpack started …
[15:04:22] copy finished in 75.84 s
[15:48:26] webpack finished in 2648.78 s
[15:48:26] uglify started …
[15:48:26] sass started …
[15:48:31] sass finished in 5.18 s
[15:48:31] cleancss started …
[15:48:34] cleancss finished in 2.97 s
[15:49:09] uglify finished in 42.78 s
[15:49:09] postprocess started …
[15:49:09] postprocess finished in 40 ms
[15:49:09] lint started …
[15:49:09] build prod finished in 2763.98 s

The ionic info is:

@ionic/cli-plugin-proxy : 1.5.6
@ionic/cli-utils : 1.19.0
ionic (Ionic CLI) : 3.19.0
global packages:

cordova (Cordova CLI) : 7.0.1

local packages:

@ionic/app-scripts : 3.1.2
Cordova Platforms  : android 6.2.3 ios 4.5.3
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.0.2
Node              : v8.9.1
npm               : 5.3.0
OS                : Windows 8.1

Any idea of what can be?

Posts: 1

Participants: 1

Read full topic

“Ionic cordova emulate android --consolelogs” not reloading and not showing console logs

$
0
0

@limadl wrote:

Good afternoon,

Suddenly, my development environment stopped making livereload and showing console logs on my android emulator.

The app is emulated and performing well but I can’t update the code without having to restart the emulator neither debugging through console logs.
I searched all over the internet and tried almost everything I found but nothing seems to work. Some things that I tried:

  • Wipe Data from emulator

  • Reset ADB (Kill -> Start)

  • Remove and Add platform

     ionic cordova platform rm android
     ionic cordova platform add android
    
  • Ran analysis tools

     cordova requirements
     ionic doctor check
    
  • Other commands I also tried:

     npm install -g ionic@latest
     npm install @ionic/app-scripts@latest --save-dev
     npm install ionic-angular@latest –save
     npm install --save-dev --save-exact ionic@latest
    

Environment details

cli packages:

@ionic/cli-utils  : 1.18.0
ionic (Ionic CLI) : 3.18.0

Local packages:

@ionic/app-scripts : 3.1.2
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools: 26.1.1
Node : v6.11.3
npm  : 3.10.10
OS   : Windows 7

Can someone please help?

Posts: 1

Participants: 1

Read full topic

Run a script with an anonymous function

$
0
0

@lickos wrote:

Hello friends,
I have a serious and very hard (i think) problem for you.
In my template a have a div that has to run a script with an anonymous function.

Please help me to solve it.
I am trying 5 days now

Thank you in advance for your time

Posts: 1

Participants: 1

Read full topic

Viewing all 49109 articles
Browse latest View live