@shepard wrote:

Many threads on date and time pickers, I know.
With Ionic 4 however, is there a way to style the ion-datetime to not come up from the bottom or to center it after it has?

Posts: 1

Participants: 1

Read full topic

@HakanGoker wrote:

Hi All,

I am looking for a secure way to save the billing information to be used with future purchases.

I have a wordpress woocommerce website and created an Ionic app using Rest Api V3. I have a class, a php wrapper that limits Rest Api using cUrl and and consumer keys. Basically I can use the same wrapper and record billing information to the server using SSL etc. But I am not comfortable to save the user info.

I see in Uber app or grubhub or other apps that they save this information somewhere. Do they encrypt and decrypt on another second server, or does stripe handles this on their end or do they use firebase database which I assume you can store credit card information in firebase and charge cards later on or maybe Apple pay only handles this… Can I do something like this with Authorize.net paypal/pro etc??

PCI DSS compliance rules are very strict. I want to stay in that rule and I want the user NOT enter their information again but choose the default card and send the order. I want the user to add multiple credit cards and process the default card. What is the best approach?

Posts: 1

Participants: 1

Read full topic

@mrg250 wrote:

Hello,
Whenever I try to install a plugin nowadays, the import declaration is followed by an ‘/ngx’ suffix (ex.@ionic-native/onesignal/ngx) and whenever I try to use it, it always throws an
TypeError: Object(...) is not a function exception
it’s happening for every plugin I try to import.

ionic info gives:

Ionic:

   ionic (Ionic CLI)  : 4.5.0 (C:\Users\MEeZkAkpNmZaWcBX7UuQhvr2eHUjkqNe8Gules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.0

Capacitor:

   capacitor (Capacitor CLI) : 1.0.0-beta.17
   @capacitor/core           : 1.0.0-beta.17

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4, browser 5.0.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 13 other plugins)

System:

   NodeJS : v8.12.0 (D:\Windows\Programs\Node JS\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

I always install the latest plugin version according to the Docs.

my current code is :

import { OneSignal } from '@ionic-native/onesignal/ngx';
constructor(platform: Platform, statusBar: StatusBar,   public splashScreen: SplashScreen, private oneSignal: OneSignal) {
platform.ready().then(() => {
       
            oneSignal.startInit('x', 'y'); /* this invokes the exception (btw, I do have the 
credentials but for this example it is replaced by 'x' and 'y'*/
   }
}

Posts: 1

Participants: 1

Read full topic

@MSC29 wrote:

Hi, I’m trying to run my app on an iOS simulator from xcode and cli.

It builds & stays stuck on the splash screen.
On android, it builds & run well on any device… I just don’t have an iOS device yet.

Google around the error below, it may point toward a file:// issue, but I don’t have any in my code.
Looking at the link in the log below, it may be induced by the simulation…

App[24680:953536] Ionic Native: deviceready event fired after 995 ms
2019-02-20 22:56:09.401978+0100 App[24680:953536] uuid is: 8fa64ebd-79c4-4c07-aa58-18c66399b1ea
2019-02-20 22:56:09.403680+0100 App[24680:953536] ignore version: NOTHING_TO_IGNORE
**2019-02-20 22:56:09.407911+0100 App[24680:953617] **Redirecting to: file:/Users/bryan/Library/Developer/CoreSimulator/Devices/A8492C0D-D17E-44C6-8373-C5174831111C/data/Containers/Data/Application/7581E730-8A68-4A60-B7DE-227CD2EA7433/Library/Application%20Support/8fa64ebd-79c4-4c07-aa58-18c66399b1ea/index.html?cordova_js_bootstrap_resource=/Users/bryan/Library/Developer/CoreSimulator/Devices/A8492C0D-D17E-44C6-8373-C5174831111C/data/Containers/Bundle/Application/8571EBDB-B309-4E5C-AA76-365635F676DF/App.app/www/cordova.js
2019-02-20 22:56:09.411714+0100 App[24680:953536] Reloading the web view.
2019-02-20 22:56:09.434346+0100 App[24680:953536] Failed to load webpage with error: The operation couldn’t be completed. (NSURLErrorDomain error -999.)

Ionic:

ionic (Ionic CLI) : 4.10.2 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.1
@angular-devkit/build-angular : 0.12.4
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.2.4
@ionic/angular-toolkit : 1.3.0

Cordova:

cordova (Cordova CLI) : 7.1.0
Cordova Platforms : ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 8 other plugins)

System:

ios-deploy : 1.9.4
ios-sim : 7.0.0
NodeJS : v11.8.0 (/usr/local/bin/node)
npm : 6.5.0
OS : macOS Mojave
Xcode : Xcode 9.0 Build version 9A235

cordova plugin ls

You have been opted out of telemetry. To change this, run: cordova telemetry on.

cordova-plugin-add-swift-support 1.7.2 “AddSwiftSupport”
cordova-plugin-app-event 1.2.1 “Application Events”
cordova-plugin-badge 0.8.8 “Badge”
cordova-plugin-device 2.0.2 “Device”
cordova-plugin-ionic-keyboard 2.1.3 “cordova-plugin-ionic-keyboard”
cordova-plugin-ionic-webview 3.1.2 “cordova-plugin-ionic-webview”
cordova-plugin-local-notification 0.9.0-beta.2 “LocalNotification”
cordova-plugin-splashscreen 4.1.0 “Splashscreen”
cordova-plugin-statusbar 2.4.2 “StatusBar”
cordova-plugin-whitelist 1.3.3 “Whitelist”

Thanks a lot for your help
Best regards

Posts: 1

Participants: 1

Read full topic

@arnhrwd wrote:

This problem appears in posts for ionic-v3 but I didn’t see any resolution:

Swiper does not work

I’m using Ionic v4.

The Swiper (ion-slides) stops working in production mode. It simply shows the first slide, and gives no functionality (does not even show the pager dots).

Any help to resolve this would be great else I can’t use production mode at all.

Posts: 1

Participants: 1

Read full topic

@marcelwade wrote:

I’ve searched about this around ionic forums, stackoverflow, etc., but I still haven’t found an answer.

I’m creating an ionic app with an inappbrowser inside and I want it to be like a part of the app with the bottom tabs showing.

Others suggested to use iframe but I’m not sure if that’s good since they’re also saying that it has issues uploading to the apple app store.

Posts: 1

Participants: 1

Read full topic

@javasol wrote:

I have an ion-select that the selected value is coming from a sqlite database, meaning the value for [(ngModel)] is being populated async. In ionic v3 this would still work and would select the correct ion-option, with v4 it doesn’t. Is there any way to get this to work?

 <ion-select [(ngModel)]="selectedCodeValue" name="selectCode" multiple="false"
        (ionChange)="codeSelected()" required >
        <ion-select-option *ngFor="let code of availableCodes" value="{{code.id}}">
          {{code.id}} -  {{code.description}}
        </ion-select-option>
  </ion-select>

In the above snippet the “selectedCodeValue” gets populated async from sqlite db.

Posts: 1

Participants: 1

Read full topic

@Velmurugan wrote:

I have created An app and continuing the development using ionic client 4.0.0.
Its showing the latest update of ionic client , can i update ??

Posts: 1

Participants: 1

Read full topic

@StantonRoux wrote:

Hi There

I am trying to give the tabs in a ionic 4 app a gradient background.
I am also trying to set a different color (Gradient) background for each page.
Controlling the style for the tabs in the scss for each page.

The desired affect is as below.

13.Sale detail.jpg1081×2344 999 KB

12.sales view 2.jpg1081×2344 1.22 MB

Posts: 1

Participants: 1

Read full topic

@marcelwade wrote:

Is there a way to always show the loader or make it stay when I call it?

I made a public service where the loader is created so that I can always inject and access it on any page

 public async loaderPresent() {
    await this.loader.then((overlay)=>{
      overlay.present();
    })
  }

  public async loaderDismiss() {
    await this.loader.then((overlay)=>{
      overlay.dismiss();
    })
  }

But the problem is:
The loader does not stay when the page is programmatically changed.

What I’m trying to achieve is:
The loader to be absolute and cover all the automated processes happening under in my app.

Additional Information:
I have an inAppBrowser and it covers the loading screen

Posts: 1

Participants: 1

Read full topic

@hg8200 wrote:

Network Plugin not working in ionic
i am using cordova-plugin-network-information 2.0.1 “Network Information” in ionic
when i call to check network

  constructor(private platform: Platform,public navCtrl: NavController,private network: Network,public toastCtrl: ToastController)
  {
    this.platform.ready().then(() =>
    {

          this.network.onConnect().subscribe(() =>
          {
            console.log("calling 2");
            alert("Online!");
          });


          this.network.onDisconnect().subscribe(() =>
          {
            console.log("calling 4");
            alert("Offline!");
          });
    });
  }

and i m getting this error

ERROR Error: Uncaught (in promise): TypeError: Object(…) is not a function
TypeError: Object(…) is not a function
at Network.onConnect (index.js:62)
at home.ts:19
at t.invoke (polyfills.js:3)
at Object.onInvoke (core.js:4760)
at t.invoke (polyfills.js:3)
at r.run (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (core.js:4751)
at t.invokeTask (polyfills.js:3)
at c (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (core.js:4751)
at t.invokeTask (polyfills.js:3)
at r.runTask (polyfills.js:3)
at o (polyfills.js:3)
at e.invokeTask [as invoke] (polyfills.js:3)
at p (polyfills.js:2)
at HTMLDocument.v (polyfills.js:2)

Posts: 1

Participants: 1

Read full topic

@rlaehdgur135 wrote:

I’m developing my app using Ionic 3, but I noticed that the newer version has been released so I want to ask few questions about the versions.

1.)Can I release my app on Google play and App store without any problems with version 3?

2.)Do I must upgrade version 3 to 4 for the future?(Is there any possibility that version 3 won’t work anymore in the future?)

3.)I have been finished development like 80% of total and I’m not making heavy app like games or something, will it be worth if I change version to 4 for me from now?

Posts: 1

Participants: 1

Read full topic

@vickypryma wrote:

How to change page animation to ios mode (slide left/right) in ionic v4?

Posts: 1

Participants: 1

Read full topic

@nizalsha wrote:

can anyone teach me how to add a side menu and jumping to option pages ( need ui and script source)

Posts: 1

Participants: 1

Read full topic

@ebeliejinfren wrote:

i use resolver service according to this tutorial of simon grimm
but in this tutorial resolver return a static function; but i have 4 type detail pages and i don’t want create a resolver for each one
i want if going to #1detailPage resolver return Performance related to #1detailPage and when going #2detailPage it’s return Performance related to #2detailPage and that way

resolver service.ts

export class ResolverService implements Resolve<any> {
  constructor( private http: HttpClient) { }

  resolve(route: ActivatedRouteSnapshot){
    let id = route.paramMap.get('id');
    return this.http.get('http://test.com/related#1detailPage')
  }
}

in above code i have 4 different api address (http://test.com/related#1detailPage) for 4 type detailpage

Thanks

Posts: 1

Participants: 1

Read full topic

@skildfrix wrote:

I wanted to align my icons and text on my button to the left but seems like it doesn’t work in my case. I tried declaring through HTML class and ID and applying text-align: left; and following the solution at this post from stack overflow but it only seems to work in Ionic v2.

Here’s how it looks like with the codes below.

Ionic Info

Ionic:

   ionic (Ionic CLI)             : 4.10.3 (C:\Users\Johndel\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.0.1
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.2.4
   @ionic/angular-toolkit        : 1.4.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : not available
   Cordova Plugins       : not available

System:

   NodeJS : v10.15.1 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 8.1

profile.component.html

<ion-content>
  <div id="profileCover">

    <div id="coverTopRightMenu">
      <ion-icon name="cart"></ion-icon>
      <ion-icon name="chatboxes"></ion-icon>
    </div>

    <img src="../../../assets/profile/cover.jpg">
    <img id="accPic" src="../../../assets/profile/accPic.png">

    <div id="coverMenu">
      <ion-button color="primary">SIGN UP</ion-button>
      <ion-button id="btnLogin">LOGIN</ion-button>
    </div>
  </div>

  <div id="menu">
    <ion-button color="light" expand="full">
      <ion-row>
        <ion-col>
          <ion-icon name="today"></ion-icon>
        </ion-col>
        <ion-col>My Purchases</ion-col>
      </ion-row>
    </ion-button>

    <ion-button color="light" expand="full">
      <ion-row>
        <ion-col>
          <ion-icon name="heart-empty"></ion-icon>
        </ion-col>
        <ion-col>My Likes</ion-col>
      </ion-row>
    </ion-button>

    <ion-button color="light" expand="full">
      <ion-row>
        <ion-col>
          <ion-icon name="time"></ion-icon>
        </ion-col>
        <ion-col>Recently Viewed</ion-col>
      </ion-row>
    </ion-button>

    <ion-button color="light" expand="full">
      <ion-row>
        <ion-col>
          <ion-icon name="mail-unread"></ion-icon>
        </ion-col>
        <ion-col>Refer a Friend</ion-col>
      </ion-row>
    </ion-button>

    <ion-button color="light" expand="full">
      <ion-row>
        <ion-col>
          <ion-icon name="logo-bitcoin"></ion-icon>
        </ion-col>
        <ion-col>My Shopee Coins</ion-col>
      </ion-row>
    </ion-button>

    <ion-button color="light" expand="full">
      <ion-row>
        <ion-col>
          <ion-icon name="star-outline"></ion-icon>
        </ion-col>
        <ion-col>My Rating</ion-col>
      </ion-row>
    </ion-button>

    <ion-button color="light" expand="full">
      <ion-row>
        <ion-col>
          <ion-icon name="contact"></ion-icon>
        </ion-col>
        <ion-col>My Account</ion-col>
      </ion-row>
    </ion-button>

    <ion-button color="light" expand="full">
      <ion-row>
        <ion-col>
          <ion-icon name="help-circle-outline"></ion-icon>
        </ion-col>
        <ion-col>Help</ion-col>
      </ion-row>
    </ion-button>
  </div>
</ion-content>

profile.component.scss

#menu{
    vertical-align: bottom;
}

#menu > ion-button {
    height: 80px;
}

#accPic{
    position: absolute;

    top: 18vh;
    left: 5vw;

    border-radius: 50%;
    width: 15vw;
    height: 15vh / 2;

    background-color: silver;

    border: 0.5vh solid white;
}

#profileCover > #coverMenu{
    position: absolute;
    top: 22vh;
    left: 60vw;

    width: 100vw;
}

#profileCover > #coverMenu > ion-button{
    width: 18%;
    height: 5vh;

    font-size: 50%;

    background-color: transparent;

    padding-left: 5px;
}

#coverTopRightMenu{
    position: absolute;
    left: 80vw;
    width: 100vh;
}

#coverTopRightMenu > ion-icon{
    margin: 1vh;
}

ion-icon{
    width: 5vw;
    height: 5vh;
}

Posts: 1

Participants: 1

Read full topic

@ArtoRomazotty wrote:

Can someone help?

In variables.scss i have:
:root{
–ion-color-primary: #3880ff;
–ion-color-primary-rgb: 56, 128, ;255;
…e.g
}

How i can get them without overriding?

This not work:
const root = document.querySelector(’:root’);
const statusBarBackground = root.style.getPropertyValue(’–ion-color-primary’);

Posts: 1

Participants: 1

Read full topic

@izpapp wrote:

How to create IONIC 3 component for https://github.com/jackocnr/intl-tel-input ?

I would appreciate any help.

Posts: 1

Participants: 1

Read full topic

@prabhashi1 wrote:

Hi,

I’m new to ionic frame work. I need to create an app with customer rating page. so far I refer some articles and couldn’t get an idea. Here’s my scss and html files. I’m looking for help to my ts code
html file

<ion-header>
    <ion-toolbar>
      <ion-title align="center" style="color:white">
        GET-METER
      </ion-title>
    </ion-toolbar>
</ion-header>
<ion-content padding>
  <form #form="ngForm">
    <div>
        <div align = "center" style="margin-top: 3%">
            <ion-label position="floating" id="dheading" style="margin-top:5%;font-size: x-large;color:white"> Customer Rating</ion-label>
        </div>
       
        <div style="margin-top: 10%">
          <rating [rate]="rate" readonly="false"  size="default" (rateChange)="onRateChange($event)">
          </rating>
        </div>
        

        

  
       
         

       
    </div>
  </form>
</ion-content>

and scss file

<ion-header>
    <ion-toolbar>
      <ion-title align="center" style="color:white">
        GET-METER
      </ion-title>
    </ion-toolbar>
</ion-header>
<ion-content padding>
  <form #form="ngForm">
    <div>
        <div align = "center" style="margin-top: 3%">
            <ion-label position="floating" id="dheading" style="margin-top:5%;font-size: x-large;color:white"> Customer Rating</ion-label>
        </div>
       
        <div style="margin-top: 10%">
          <rating [rate]="rate" readonly="false"  size="default" (rateChange)="onRateChange($event)">
          </rating>
        </div>
        

        

  
       
         

       
    </div>
  </form>
</ion-content>

ts file

import { Component,Input, Output, EventEmitter,OnInit } from '@angular/core';

@Component({
  selector: 'app-customer-rate',
  templateUrl: './customer-rate.page.html',
  styleUrls: ['./customer-rate.page.scss'],
})
export class CustomerRatePage implements OnInit {

  constructor() { }

  @Input() rating: number;
  @Input() itemId: number;
  @Output() ratingClick: EventEmitter<any> = new EventEmitter<any>();

  inputName: string;
  ngOnInit() {
    this.inputName = this.itemId + '_rating';
  }
  onClick(rating: number): void {
    this.rating = rating;
    this.ratingClick.emit({
      itemId: this.itemId,
      rating: rating
    });
  }

}

Posts: 1

Participants: 1

Read full topic

@CreativeArtDesign wrote:

ionic cordova resources ios -i

[ERROR] Source image files were not found for the following platforms/types:
        
        - ios/icon
        

Collecting resource configuration and source images - done!
✔ Filtering out image resources that do not need regeneration - done!
✔ Uploading source images to prepare for transformations: 1 / 1 complete - done!
✔ Generating platform resources: 13 / 13 complete - done!
✔ Modifying config.xml to add new image resources - done!
KamalSalahs-iMac:BontiderSverige_V300 kamalsalah$ ionic cordova resources ios -i
[ERROR] Source image files were not found for the following platforms/types:
        
        - ios/icon
        
        Please review --help

the file info is:
Dimention 1024x1024
Colorspace: RGB
Alhpha channel: No
Filetype: png

Posts: 1

Participants: 1

Read full topic