Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70432 articles
Browse latest View live
↧

How to update a toast as part of an async function?

March 16, 2020, 1:33 pm
$
0
0

@Sweg wrote:

I am trying to display a toast to the user when they execute a function, & then update the message based on the response returned from a cloud function.

The docs below said to use an async function, but I don’t know how to update the message on that.

I copied the below toast from https://ionicframework.com/docs/api/toast:

async presentToast() {
    const toast = await this.toastCtrl.create({
      message: 'Please wait, your details are being updated....',
    });
    toast.present();
  }

This toast is being displayed when I execute the below function:

updateDetailslike(info) {
    this.presentToast();
    this.http.post('myUrl', body, {}).then((response) => {
        // IF THE RESPONSE IS OK, UPDATE THE TOAST SAYING UPDATE WAS SUCCESSFUL
    }, (err) => {
        // IF THE RESPONSE IS NOT OK, UPDATE THE TOAST SAYING UPDATE WAS UNSUCCESSFUL
    });
  }

Can someone please tell me how this can be done?

Posts: 1

Participants: 1

Read full topic

↧
Search

Styling ion-datetime

March 16, 2020, 2:00 pm
$
0
0

@khegay wrote:

Hello!

I have some troubles with researching:
Can someone help me find css variables for ion-datetime colors?

I have changed these colors:

--ion-background-color: var(--num) ;
--ion-toolbar-background: transparent;

And now ion-datetime background became var(–num);

But I need it white.

There is any docs about styling?

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic Vue status?

March 16, 2020, 2:06 pm
$
0
0

@accron wrote:

I asked the question (among others) in my previous thread but didn’t get any feedback, so I’ll make a dedicated thread, for better visibility…

The current Vue version of Ionic says Beta, but what’s the plan/roadmap for the final release?
Are there any target dates you could share (which doesn’t mean you have to commit to them of course), just to get a rough idea how far away it is (e.g. will/do you wish to release it before Vue 3 is out)?
When did the current version enter into Beta?

Posts: 1

Participants: 1

Read full topic

↧

Problems with opening a tabs project

March 16, 2020, 2:17 pm
↧

Ionic creat grid ui component

March 16, 2020, 3:07 pm
↧
↧

Splash screen distortion for Samsung Galaxy S10

March 16, 2020, 4:30 pm
$
0
0

@wekas wrote:

I have generated the splash screens for an app using the following site. See image of screens below.
https://apetools.webprofusion.com/#/tools/imagegorilla

However I am getting reports that a Samsung Galaxy S10 user is seeing a distorted splash screen.
The resolution for this device appears to be 2,280 x 1,080 which is quite long compared to the ratios of the images I have generated.

port-xhdpi is 720x1280
port-xxhdpi is 960x1600
port-xxxhdpi is 1280x1920

Any idea how to resolve this? Do I need to generate a different splash screen with a new image size?

splashscreenissue

Posts: 1

Participants: 1

Read full topic

↧

Ionic creat export app!

March 16, 2020, 4:55 pm
↧

iOS Cloud Build

March 16, 2020, 8:56 pm
$
0
0

@bry008 wrote:

Hello Everybody,
I am building an iOS app through the cloud, and I am running into issues with cordova 9.

Here is a typical error that I am seeing:

Failed to restore plugin “cordova-custom-config” from config.xml. You might need to try adding it again. Error: Using “requireCordovaModule” to load non-cordova module “glob” is not supported. Instead, add this module to your dependencies and use regular “require” to load it.

Is there a way to use an earlier version of cordova on the cloud?

±--------------------±--------------------------+
| Build Summary |
±--------------------±--------------------------+
| Job ID | 6805405 |
| Node.js version | v10.19.0 |
| Cordova CLI version | 9.0.3 (cordova-lib@9.0.2) |
| npm version | 6.13.4 |
| macOS version | 10.14.6 |
| Xcode version | Xcode 11.0 |
| | Build version 11A420a |
±--------------------±--------------------------+

If there are any other details that I missed, let me know and I can add them.

Thanks!

Posts: 1

Participants: 1

Read full topic

↧
Search

Conversation recording over phone call in ionic 4

March 16, 2020, 11:25 pm
$
0
0

@krishna64 wrote:

I want to record the conversation over phone call in ionic 4,Please help me out how to get this feature in ionic 4.

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic plugin to access frames of captured video

March 17, 2020, 12:14 am
$
0
0

@Tarek-E wrote:

I wish to build an App to capture a video and do some processing on the video (for example, crop some part of the captured images) before transmitting the video stream to the server. Which Ionic library/plugin can allow me to access the frames of the captured video?

Posts: 1

Participants: 1

Read full topic

↧

Show Tabs menu except Login Page?

March 17, 2020, 12:23 am
$
0
0

@jakesully wrote:

i set Login page as root page app.component.ts. after Login success navigate to Home page.
in this case tabs menu not showing Home page. but i need to show menu in home page only not in login page. please help me.

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

import { TabsPage } from '../pages/tabs/tabs';
import { LoginPage } from '../pages/login/login';
@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage:any = LoginPage;
  
  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      statusBar.styleDefault();
      splashScreen.hide();
    });
  }
}

Posts: 1

Participants: 1

Read full topic

↧

Designning whatsapp like chat reply to a particular message

March 17, 2020, 3:30 am
$
0
0

@o8thug wrote:

I am currently working on a chat application,now i new to create a reply option like in whats app i’ve done with programming part the problem is i am not familiar with UI design could any one suggest me how to perform this design

reply
reply645×718 55.4 KB

Posts: 1

Participants: 1

Read full topic

↧

Im new to ionic , some questions

March 17, 2020, 3:31 am
$
0
0

@alexmehler wrote:

Hey guys Im very new to ionic programming.

I got my first basic app running (just tested a few html elements and imported a cordova barcode scanner ) .

can i use simple html elements to make my app or do i have to use the ionic ui components ??
the ionic website advertises i can use es2015 compliant javascript to make my app …

but it seems thats not the correct way , and the uicomponents are not as nice as i thought …

my app basically just needs to read a json file and populate a list of items where i can change some properties(all easily doable with simple js/html) and then save the object as a new json-file with date attached …

the barcode scanner is used to select a specific entry in that list

i now want to add a simple function (alert/console.log) … but i dont even know where to put it , i tried to add it into “class HomePage” in home.page.ts but using a simple html5 select onchange=“run()” returns function not defined ,

do i have to use the ionic components or is html5 possible ?

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic build prod --ios error..please help

March 17, 2020, 4:10 am
$
0
0

@matador09 wrote:

Error

[19:08:10] ionic-app-scripts 3.2.4
[19:08:10] build prod started …
[19:08:10] clean started …
[19:08:10] clean finished in 4 ms
[19:08:10] copy started …
[19:08:10] deeplinks started …
[19:08:10] deeplinks finished in 74 ms
[19:08:10] ngc started …
[19:08:19] typescript error
Type HeaderMenuComponent in /Users/Prodata007/IBMSv2/IBMS/src/components/header-menu/header-menu.ts is part
of the declarations of 2 modules: AppModule in /Users/Prodata007/IBMSv2/IBMS/src/app/app.module.ts and
ComponentsModule in /Users/Prodata007/IBMSv2/IBMS/src/components/components.module.ts! Please consider
moving HeaderMenuComponent in /Users/Prodata007/IBMSv2/IBMS/src/components/header-menu/header-menu.ts to a
higher module that imports AppModule in /Users/Prodata007/IBMSv2/IBMS/src/app/app.module.ts and
ComponentsModule in /Users/Prodata007/IBMSv2/IBMS/src/components/components.module.ts. You can also create a
new NgModule that exports and includes HeaderMenuComponent in
/Users/Prodata007/IBMSv2/IBMS/src/components/header-menu/header-menu.ts then import that NgModule in
AppModule in /Users/Prodata007/IBMSv2/IBMS/src/app/app.module.ts and ComponentsModule in
/Users/Prodata007/IBMSv2/IBMS/src/components/components.module.ts.
[19:08:19] ionic-app-script task: “build”
[19:08:19] Error: The Angular AoT build failed. See the issues above
Error: The Angular AoT build failed. See the issues above
at /Users/Prodata007/IBMSv2/IBMS/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:237:55
at step (/Users/Prodata007/IBMSv2/IBMS/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:32:23)
at Object.next (/Users/Prodata007/IBMSv2/IBMS/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:13:53)
at fulfilled (/Users/Prodata007/IBMSv2/IBMS/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:4:58)
[ERROR] An error occurred while running subprocess ionic-app-scripts.
ionic-app-scripts build --prod --target cordova --platform ios exited with exit code 1.
Re-running this command with the --verbose flag may provide more information.

my app.module

@NgModule({
declarations: [
IBMS,
AboutPage,
ContactPage,
HomePage,
TabsPage,
LoginPage,
OpsOperationmodePage,
ProfilePage,
HeaderMenuComponent,
OpsTonnageHandledPage
],
imports: [
BrowserModule,
IonicModule.forRoot(IBMS),
FontAwesomeModule,
HttpClientModule
],
bootstrap: [IonicApp],
entryComponents: [
IBMS,
AboutPage,
ContactPage,
HomePage,
TabsPage,
LoginPage,
OpsOperationmodePage,
ProfilePage,
OpsTonnageHandledPage
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler}, RestProvider,
GlobalProvider,
InAppBrowser
]
})

Posts: 1

Participants: 1

Read full topic

↧

HTTPS API calls fail using iOS 13 SDK (HTTP load failed)

March 17, 2020, 4:14 am
$
0
0

@prmulti wrote:

Hi, I have been working on a new build of our iOS app which uses the iOS 13 SDK (Xcode 11). I’ve ran into a critical issue in that my API calls to https endpoints no longer seem to work - this is the error response I receive -

{"status":-1,"error":"The operation couldn’t be completed. (kCFErrorDomainCFNetwork error 303.)"}

This is the error in Xcode log -

Task <FC61C756-9EA6-451C-B0A6-BD99BDD65CEB>.<1> HTTP load failed, 11705/0 bytes (error code: 303 [4:-2205])

Task <FC61C756-9EA6-451C-B0A6-BD99BDD65CEB>.<1> finished with error [303] Error Domain=kCFErrorDomainCFNetwork Code=303 "(null)" UserInfo={_NSURLErrorFailingURLSessionTaskErrorKey=LocalDataTask <FC61C756-9EA6-451C-B0A6-BD99BDD65CEB>.<1>, _kCFStreamErrorDomainKey=4, NSErrorPeerAddressKey=<CFData 0x600000544af0 [0x7fff80617cb0]>{length = 16, capacity = 16, bytes = 0x100201bb3430d4990000000000000000}, _kCFStreamErrorCodeKey=-2205, _NSURLErrorRelatedURLSessionTaskErrorKey=(LocalDataTask <FC61C756-9EA6-451C-B0A6-BD99BDD65CEB>.<1>"

I’m using the Ionic Native HTTP plugin for API calls on device and WKWebView.

API calls to my local backend under http all seem to work okay so I imagine it’s SSL/TLS related but I can’t figure it out. My staging backend is an AWS EC2 running under an SSL cert issued by Amazon.

Anyone got any ideas? Truly stumped on this…

Posts: 1

Participants: 1

Read full topic

↧
Search

Page navigate to Tabs Page

March 17, 2020, 4:27 am
$
0
0

@ladaniavadh wrote:

Hello Guys,
In my app I have tab Menu after user logged in. So when user logout and press back then still they are moving to tab page. In actual they should exit from the App.In routing default routing is tabs-menu.

Application flow is as below:
If already logged-in then /tabs/upComing
else /auth/login

logout click is on /auth/profile so when i press it will navigateRoot([’/auth/login’]) and if I press back then it should exit the app in actual, but it navigate to /tabs/upComing

Please help me with this.

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

↧

Why ionic creat does't care about customer?

March 17, 2020, 5:07 am
$
0
0

@itosoft wrote:

do you know why ionic creat does’t care abour their customer?
email support does’t answer after 4 days even
ionic3 is not working also ionic 1 is out of support and is low level
ide is not smart just like a notepad!
they advertise "

Export and deploy

Export a fully functional Ionic project, or even native IPA & APK files to install directly on your devices."
but all you can do is export zip file of code

Posts: 1

Participants: 1

Read full topic

↧
↧

Name conflict between cordova-plugin-file and Javascript File interface

March 17, 2020, 5:18 am
$
0
0

@DeliDroKieu wrote:

I can’t use the class File from cordova-plugin-file in my application cause there is another interface from JavaScript alse called File.

This name conflict impedes my app to access the cordova-plugin-file functions I want.

File from JavaScript has this description : “provide information about files and allows JavaScript in a web page to access their content”.

File from cordova-plugin-file should allow to read/write access to files residing on the device.

Here is my code :

import { File } from '@ionic-native/file';
export class Tab1Page {
  constructor(public file: File) {}
  ...
}

Thanks for your help :slight_smile:

Posts: 1

Participants: 1

Read full topic

↧

Upgrade ionic creat to ionic studio

March 17, 2020, 5:48 am
$
0
0

@itosoft wrote:

i bought ionic creat pro yesterday but it doesn’t sound good how can i upgarde to ionic studio Launch ?
will they return my money?
they do not answer my email!!!

Posts: 1

Participants: 1

Read full topic

↧

Ionic performance issue

March 17, 2020, 6:48 am
↧
Viewing all 70432 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>