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

Ng-Zorro components and Ionic 5.x


Ionic countdown every x minute

$
0
0

@sehsah2020 wrote:

hi,
now i need run counter every 60 minute
now i get date and add 60 minute
i write code and run it and work fine , but when i close app it run open it again it start form now
and i need start in time special

expamle
start from 10:00
end in 11:00
when i open app in 10.30 show me 00:30 not star from 10:00

my code :

this.nextDate = new Date();
this.nextDate.setMinutes(this.nextDate.getMinutes() + 2).toString()

when end
EndFunction(){

if(this.End == 0){

  this.End = 1

  console.log('End Mzad')

  console.log('Send notifcation')

  this.nextDate = new Date();

  this.nextDate.setMinutes(this.nextDate.getMinutes() + 2).toString()

  this.End = 0

}

}

Posts: 1

Participants: 1

Read full topic

SSL pinning for ios with ionic 3

$
0
0

@Nirmalya-S wrote:

Hi,

I did not have much knowledge in iOS classes. I am building an iOS app which required the SSL pinning. Most of the google example based on swift. May I know the steps or could anybody provide some links?

PS: I already have a certificate in my server.

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

Can't run android on my device with error saying playform android already added

Ionic app execution in mobile

Ionic4 ios iframe not loading the video

$
0
0

@prabhashi1 wrote:

Hi all,

I’m having an issue with loading the iframe url in ionic ios. this is working fine in android but in ios it’s only load the iframe. I have tried adding but no luck. Can someone please help me with it

Posts: 2

Participants: 2

Read full topic

Ion-router-outlet

$
0
0

@Harikag wrote:

Hi, I have an ionic-navigation app. Now I am changing to routing concept, by commenting ion-nav to ion router-outlet.

Below is my current code

<ion-nav [root]=“rootPage” #content swipeBackEnabled=“false”>

No w am changing to


and adding routing params to app.module.ts and am unable to understand how to access from app/component.ht,l and etc.

And how to change existing ion-nav(here am using push and pop on navigation Controller, Now I want to change to ionic routing) app to ionic-router-outlet.

So please help me.

Posts: 1

Participants: 1

Read full topic

Quickbooks support

$
0
0

@ronanronan wrote:

Quickbooks support is a reliable accounting program that is used by several companies of medium-scale and small scale. It provides the facilities to audit the taxes effectively and helps in payroll management.

Posts: 1

Participants: 1

Read full topic


Dynamically Reference Class Variables from inside a function

$
0
0

@Luzaan wrote:

Hi,

I was basically wondering how to reference the variables previously set in the class from within a function based on some dynamic input.

as an example to help clarify what I mean, here is my code.

First I have an ion-input field in the HTML file:

         <ion-item>
          <ion-label position="floating">Nickname</ion-label>
          <ion-input 
            type="text"
            name="nickName"
            value="{{this.nickName}}"
            (ionBlur)='verifyFieldUpdate($event.target.name, $event.target.value)'
          ></ion-input>

at the top of the .ts file I declare and set the values (with other functions) of a few variables:

title: string;
firstName: string;
lastName: string;
nickName: string;

Here is the function in the .ts file:

verifyFieldUpdate(key, value) {
// I want to do the following
// let testKey = this.key;
// key would be the name of the ion-input field in question.

    let testKey = this.title;

    if (value === testKey) {
      console.log ('SAME');
    } else {
      console.log ('DIFF');
      console.log('HTML Key: ', key);
      console.log('HTML Value: ', value);
    }
  }

but of course

let testKey = this.key;

gives an error, because it does not exist, but how would I reference that variable (title / nickname / etc) from the Key passed into the function?

Is there a way almost like in the html to do?

let testKey = this.{{key}};

Thank you in advance!
Kind Regards

Posts: 1

Participants: 1

Read full topic

ADA compliance expert

Issue in adding iOS project when installing cordova-plugin-fcm-with-dependecy-updated

$
0
0

@vishaljaniqx wrote:

Command : sudo ionic cordova platform add ios

above command end with below error.
please check ionic configration and error log

ionic info

Ionic:

Ionic CLI : 5.4.13 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.11.7
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.3.20
@ionic/angular-toolkit : 2.1.1

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 9 other plugins)

Utility:

cordova-res : 0.8.1
native-run (update available: 0.3.0) : 0.2.9

System:

Android SDK Tools : 26.1.1 (/Users/jalpashah/Library/Android/sdk/)
ios-deploy : 1.9.2
ios-sim : 8.0.2
NodeJS : v10.16.3 (/usr/local/bin/node)
npm : 6.13.1
OS : macOS Catalina
Xcode : Xcode 11.3 Build version 11C29

Error Logs:

Installing “cordova-plugin-fcm-with-dependecy-updated” for ios
Failed to install ‘cordova-plugin-fcm-with-dependecy-updated’: undefined
CordovaError: Promise rejected with non-error: ‘/Library/Ruby/Gems/2.6.0/gems/claide-1.0.3/lib/claide/command.rb:439:in help!\': \u001b[31m[!] You cannot run CocoaPods as root.\u001b[39m (CLAide::Help)\n\n\u001b[4mUsage:\u001b[24m\n\n $ \u001b[32mpod\u001b[39m \u001b[32mCOMMAND\u001b[39m\n\n CocoaPods, the Cocoa library package manager.\n\n\u001b[4mCommands:\u001b[24m\n\n \u001b[32m+ cache\u001b[39m Manipulate the CocoaPods cache\n \u001b[32m+ env\u001b[39m Display pod environment\n \u001b[32m+ init\u001b[39m Generate a Podfile for the current directory\n \u001b[32m+ install\u001b[39m Install project dependencies according to versions from a\n Podfile.lock\n \u001b[32m+ ipc\u001b[39m Inter-process communication\n \u001b[32m+ lib\u001b[39m Develop pods\n \u001b[32m+ list\u001b[39m List pods\n \u001b[32m+ outdated\u001b[39m Show outdated project dependencies\n \u001b[32m+ repo\u001b[39m Manage spec-repositories\n \u001b[32m+ setup\u001b[39m Setup the CocoaPods environment\n \u001b[32m+ spec\u001b[39m Manage pod specs\n \u001b[32m+ update\u001b[39m Update outdated project dependencies and create new Podfile.lock\n\n\u001b[4mOptions:\u001b[24m\n\n \u001b[34m--silent\u001b[39m Show nothing\n \u001b[34m--version\u001b[39m Show the version of the tool\n \u001b[34m--verbose\u001b[39m Show more debugging information\n \u001b[34m--no-ansi\u001b[39m Show output without ANSI codes\n \u001b[34m--help\u001b[39m Show help banner of specified command\n\tfrom /Library/Ruby/Gems/2.6.0/gems/cocoapods-1.8.4/lib/cocoapods/command.rb:47:in run’\n\tfrom /Library/Ruby/Gems/2.6.0/gems/cocoapods-1.8.4/bin/pod:55:in <top (required)>\'\n\tfrom /usr/local/bin/pod:23:in load’\n\tfrom /usr/local/bin/pod:23:in `’\n’
at cli.catch.err (/usr/local/lib/node_modules/cordova/bin/cordova:29:15)
at process._tickCallback (internal/process/next_tick.js:68:7)

Posts: 1

Participants: 1

Read full topic

Keep page opened inside tab

$
0
0

@Xiwi wrote:

I’m using Ionic 4 with Angular 8 and I have a tab component with 3 pages.

My app has an extra page (page4) which can be opened from any of these 3 pages/tabs.

If I want to open it I do this.navCtrl.navigateForward('/page4'); and it opens without tabs. If I want the tabs (which is what I need) I move the route from app-routing.module.ts to tabs-routing.module.ts and I do something like this instead:
this.navCtrl.navigateForward('/tabs/page4');

The problem with this is that I loose the control of the tabs and if I click on the same tab I was I move back.

What I need is that I move from pageX/tabX to page4 and I’d like to keep on the tab X. So if I navigate to other tab I don’t loose the page4 on the tab I was. Pretty much like Instagram does

Posts: 1

Participants: 1

Read full topic

Ionic iOS Build Error XCode Undefined symbols

$
0
0

@test-nikko wrote:

I’m trying to build an iOS application using xcode 10. But I am having these kind of errors. Everything went smoothly when building “ionic cordova build ios”. But when I build it using xcode these are the errors.

My ionic info:

Ionic:

Ionic CLI : 5.2.7 (/Users/tmp/.npm-global/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.8.1
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.0.0

Cordova:

Cordova CLI : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : ios 5.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 16 other plugins)

Utility:

cordova-res : 0.5.1 (update available: 0.8.1)
native-run : 0.2.7 (update available: 0.3.0)

System:

ios-deploy : 1.9.4
ios-sim : 7.0.0
NodeJS : v10.16.0 (/usr/local/bin/node)
npm : 6.13.4
OS : macOS Mojave
Xcode : Xcode 10.2.1 Build version 10E1001

Posts: 1

Participants: 1

Read full topic

Cargar contenido horizontalmente

How to work with .append() like in jquerry

$
0
0

@scriptjamin wrote:

Hello guys, im just learning how to code an app in school, we are using ionic v4 and right now im suffering.
I want to copy the whole ion-item into the ion-list tag after the button has been pressed but when i do it with the .append() funktion the whole script just get written in html like in a p tag. i copy the script below.

ts script:
addPlayer(){
let list = document.getElementById(“list”);

console.log(list);

//list.append(document.getElementsByClassName("item")[0])

list.append(document.getElementsByClassName("item")[0])

}

html:
there is just a list with the id=list and an ion-item with class=item

Posts: 2

Participants: 2

Read full topic


Ayuda con creacion de paginas/help with create pages

$
0
0

@Luismzm wrote:

C:\Users\Luis\Desktop\appSena>ionic g page notificaciones

ng.cmd generate page notificaciones

CREATE src/app/notificaciones/notificaciones-routing.module.ts (379 bytes)
CREATE src/app/notificaciones/notificaciones.module.ts (528 bytes)
CREATE src/app/notificaciones/notificaciones.page.html (133 bytes)
CREATE src/app/notificaciones/notificaciones.page.spec.ts (703 bytes)
CREATE src/app/notificaciones/notificaciones.page.ts (288 bytes)
CREATE src/app/notificaciones/notificaciones.page.scss (0 bytes)
UPDATE src/app/app-routing.module.ts (743 bytes)
[OK] Generated page!

Como ven se crea un routing.module por cada pagina que creo en el proyecto, me gustaria saber como hago para que se genere la pagina normalmente sin el routing module

Posts: 1

Participants: 1

Read full topic

Ionic-popover --box-shadow

$
0
0

@pimol wrote:

I can’t find out where I have to put --box-shadow css custom property.
I tried in the scss file of the component, of the hosting page, in the global scss… but I can’t see any shadow.
Any help is appreciated

P.

Posts: 3

Participants: 2

Read full topic

Can't use checkbox when using "contentId" for ion-menu

$
0
0

@leonardofmed wrote:

It’s been a while since I’ve been getting the following warnings from Ionic because of the structure of my menus:

[DEPRECATED][ion-menu] Using the [main] attribute is deprecated, please use the "contentId" property instead:
BEFORE:
 <ion-menu>...</ion-menu>
 <div main>...</div>
AFTER:
 <ion-menu contentId="main-content"></ion-menu>
 <div id="main-content">...</div>

Source of the error

So I decided to finally follow this advice and add a contentId attribute to my <ion-menu> and a id attribute to my <ion-content>, but now the checkboxes inside this menu don’t work anymore. If I remove this “contentId” from the <ion-menu> and from the <ion-content> they return to work as expected.

Is there something more that needed to be changed? I read the source that I posted above, but could not find the reason for this situation. There is no error when the checkbox is clicked and the checkbox is never checked, it remains static indefinitely.

I tried with a very basic HTML structure too, but this situation persist.

I’m using a structure as it follows:

...
<ion-content>
  <ion-menu side="start" menuId="first" contentId="firstContent">
    <ion-header>
      	<ion-toolbar color="primary">
      	  	<ion-title>RandomTitle</ion-title>
      	</ion-toolbar>
    </ion-header> 
    <ion-content id="firstContent">
      <ion-list>
          <ion-item>
            <ion-label>RandomName</ion-label>
            <ion-checkbox></ion-checkbox>
          </ion-item>
      </ion-list>
    </ion-content>
  </ion-menu>
</ion-content>
...

Posts: 1

Participants: 1

Read full topic

Upgrade from Cordova 8 to Cordova 9?

$
0
0

@richardshergold wrote:

I currently have Cordova 8 installed and keep seeing (after I build) that Cordova 9 is available (and has been for sometime).

Can anyone say if I am likely to run into issues with any plugins if I upgrade to Cordova 9?

For what it’s worth here are the plugins I use:

cordova-plugin-add-swift-support 2.0.2 “AddSwiftSupport”
cordova-plugin-advanced-http 1.11.1 “Advanced HTTP plugin”
cordova-plugin-app-version 0.1.9 “AppVersion”
cordova-plugin-badge 0.8.7 “Badge”
cordova-plugin-calendar 5.1.5 “Calendar”
cordova-plugin-device 2.0.2 “Device”
cordova-plugin-file 6.0.1 “File”
cordova-plugin-file-opener2 2.2.1 “File Opener2”
cordova-plugin-file-transfer 1.7.1 “File Transfer”
cordova-plugin-fingerprint-aio 3.0.0 “FingerprintAllInOne”
cordova-plugin-inappbrowser 3.1.1-dev “InAppBrowser”
cordova-plugin-ionic-keyboard 2.1.2 “cordova-plugin-ionic-keyboard”
cordova-plugin-market 1.2.0 “Market”
cordova-plugin-network-information 2.0.2 “Network Information”
cordova-plugin-photo-library 2.2.1 “Photo Library”
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-plugin-wkwebview-engine 1.1.4 “Cordova WKWebView Engine”
cordova-sqlite-storage 3.4.0 “Cordova sqlite storage plugin - cordova-sqlite-storage plugin version”
cordova-support-google-services 1.1.0 “cordova-support-google-services”
es6-promise-plugin 4.2.2 “Promise”
phonegap-plugin-multidex 1.0.0 “Multidex”
phonegap-plugin-push 2.2.3 “PushPlugin”
sentry-cordova 0.16.2 “Sentry”

many thanks if anyone can offer any guidance! :slight_smile:

Posts: 1

Participants: 1

Read full topic

Help - How to propose your app when you share your document

$
0
0

@yasdev8 wrote:

Hi everyone, (first sorry for my bad english)

I need some help to build a functionnality in my app.
When you open a document, like a pdf or a picture, you can share it (in iphone, it’s the button on the bottom and on the left). Your mobile phone propose you some apps like messages, whatsapp …
How can I add my app in this list and how I can developp what I want to do when the document is share in my app? Do you know a tutorial or some ideas about that?

My configuration, ionic 4, angular

Thanks all

Posts: 3

Participants: 2

Read full topic

Viewing all 71101 articles
Browse latest View live


Latest Images

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