@Aleksandar222 wrote:

Hey everyone, completely new here, so forgive me if I broke any of the rules this forum has I’m just trying to wrap my head around the framework and the apps that come along with it. Wanna figure out what are the best practices, benefits vs risks etc. when choosing Ionic route.

We are planning to move away from native mobile app development and switch to cross-platform. I’d love to have a quick chat around the topic with someone that has gone through this and has experience with the technology already

Peace, from sunny Copenhagen

Posts: 1

Participants: 1

Read full topic

@chris-R wrote:

Hey guys. I’m having a problem with SSL certificates in Ionic with the Advanced HTTP Plugin.
I’ve added the needed certificate files and the key and got it running on iOS but it won’t run on Android. Any ideas what could be wrong?

Posts: 1

Participants: 1

Read full topic

@Kaixo wrote:

Hi,

I bought and installed Ionic Studio.
I wanted to use React as Angular, but when I create a new project, it’s automatically created with Angular.

Who knows how to use React on Ionic Studio ? Have I to create a project manually first, and open it with Studio ?

Thanks !

Posts: 1

Participants: 1

Read full topic

@pieee93 wrote:

Hello to everyone , i don’t know why inside my ion-content tags nothing is interactive. The searchabar doesn’t work, even buttons. I tried to put the searchbar in the header and it works!
Ionic:

Ionic CLI : 5.2.1 (C:\Users\pc\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.5.0
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.1.0

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.0.0, browser 6.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 7 other plugins)

Utility:

cordova-res : not installed
native-run : 0.2.5

System:

NodeJS : v10.15.3 (C:\Program Files\nodejs\node.exe)
npm : 6.9.0
OS : Windows 10

Html

  <ion-list >

      <ion-item button="true" (click)="details()" routerDirection="forward" >
          <ion-thumbnail slot="start" >
              <img width="63" height="50" src="../assets/musipr/LOGO2.JPG">
          </ion-thumbnail>
          <ion-label >
              <h2 >Vasco</h2>
              <p>Il mondo che vorrei</p>
              <p>Dom-25 Mag</p>
              <ion-icon class=iconcina name="ios-contact" ></ion-icon>
          </ion-label>

      </ion-item>
  </ion-list>

<ion-fab vertical="bottom" horizontal="end" slot="fixed" >
    <ion-fab-button color="white" routerLink="/login" routerDirection="root">
        <ion-icon  name="add"></ion-icon>
    </ion-fab-button>
</ion-fab>

Mappa Lista Chat Profilo

Posts: 1

Participants: 1

Read full topic

@GUCAMI2015 wrote:

I am using version 5.2.1 of ionice when adding to an ion-radio as checked = “true” it does not include the default value on my radio. what to do?

Posts: 1

Participants: 1

Read full topic

@Weihang wrote:

when I click my personal app, it shows a blank page.

Screen Shot.jpg1817×421 72.4 KB

Posts: 1

Participants: 1

Read full topic

@elektropier wrote:

Hi,
I’m using the in-app-purchase-2 plugin on an Ionic 3 project. I’d like to use the manageSubscriptions of the plugin, but is missing on the latest version (4.20.0). I saw that few months ago this functionality was merged on the v4 branch of the @ionic-native repository. Is it possible to update the version too?

Thank you,

Pier

Posts: 1

Participants: 1

Read full topic

@jamesRoss wrote:

I’m creating an app that will list of classes for a teacher on a chosen day, each class being a button on the screen. This list is made using *ngFor and pulls data from a ts file, that originally came from a PHP/database query.

The button would then be pressed by the teacher to show which students should be in class that day. It is an attendance/absence monitoring app.

However, I am testing the *ngFor to make my list, and because the data is stored as 3 objects, each with info for a student, three buttons are being created dynamically by the *ngFor - when in fact, as the three students are in the same class, I need just one button.

The next button would only need to be created for the teacher’s next class that day.

This is an algorithm problem I guess, or possibly there is a different query to be made to get the data from SQL. I don’t know.

I am lost.

HTML FILE 

<ion-list>
    <ion-card padding *ngFor="let cour of planning; let i = index" (click)="showStudents($event, i)">
      <h2>{{ cour.cours }}</h2>
      <p>{{ cour.time }}</p>
      <p>{{ cour.date }}</p>
      <p>{{ cour.lieux }}</p>
      <p>{{ cour.duration }}</p>
    </ion-card>
  </ion-list>

SERVICE.TS

getCoursList(date, idIntervenant) {
return this.http.post('http://localhost/Attendance App/myApp/src/app/api/getCours.php?id='+idIntervenant, {
  date,
}).subscribe(data => {
  console.log(Object.values(data));
  let planningData = Object.values(data);
  const grabArray = planningData[0];
  const id = grabArray.intervenant;
  if (id !== undefined) {
    // console.log('test array', id);
    let navExtras: NavigationExtras = { 
      state: {
        planning: planningData
      }
    }
    this.router.navigate(['/cours/', id], navExtras);
  };
},
  error => {
    console.log(error);
  });

}

PHP QUERY TO DATABASE 

if (isset($_POST["date"])) {

// $id = $_POST["id"];
$origDate = date("Y-m-d", strtotime($_POST['date']));
$date = $origDate;
$id = $_GET['id'];

$stmt = $conn->prepare("SELECT * FROM planning WHERE intervenant = :id AND date = :date");
$stmt->execute([':id' => $id, ':date' => $date]);

if ($stmt->rowCount() > 0) {
    $output = array();
    $output = $stmt->fetchAll();
    echo json_encode($output);
} else {
    $errors = "No data found for this date";
    echo json_encode($errors);
}
// $conn->close();

}

DATA RECEIVED FROM PHP QUERY - 1 ARRAY CONTAINING 3 OBJECTS

[object Array]: [Object, Object, Object]

0: Object cours: “Suivi individuel” date: “2019-07-06” duration: “1h30” etudiant: “james ross” id_planning: 19 intervenant: “2” lieux: “Nice 2” time: “12:00”

proto : Object

1: Object cours: “Suivi individuel” date: “2019-07-06” duration: “1h30” etudiant: “Tupac Shakur” id_planning: 20 intervenant: “2” lieux: “Nice 2” time: “12:00”

proto : Object

2: Object cours: “Suivi individuel” date: “2019-07-06” duration: “1h30” etudiant: “Joyner lucas” id_planning: 21 intervenant: “2” lieux: “Nice 2” time: “12:00”

proto : Object length: “3”

The three students above are all going to the same class, at the same time etc, so I want only one button to be produced dynamically.

If the teacher had a second lesson that day, it would produce a second button, and so on.

At present there are no error messages, I am just not getting the desired result.

Posts: 1

Participants: 1

Read full topic

@obinnae wrote:

Ionic 3 app with cordova-plugin-firebasex works fine in Android, but in iOS gives the error when doing a build
'Firebase.h' file not found
referring to FirebasePlugin.m.
Any idea how to resolve this? I’ve tried removing and re-adding the plugin, and also re-adding the iOS platform, but no luck!

Thanks.

Posts: 1

Participants: 1

Read full topic

@shahabzebari wrote:

I have a problem with this code when I run in the android device also ios I have the same problem

TypeError: Printer.getPlugin(...).check is not a function
    at vendor.js:79303
    at vendor.js:78443
    at new ZoneAwarePromise (polyfills.js:3272)
    at tryNativePromise (vendor.js:78442)
    at getPromise (vendor.js:78463)
    at vendor.js:79301
    at Printer.push../node_modules/@ionic-native/printer/ngx/index.js.Printer.check (vendor.js:79308)
    at Printer.push../node_modules/@ionic-native/printer/ngx/index.js.Printer.isAvailable (vendor.js:79294)
    at SaleInfoPage.push../src/app/paenter code herege/sale-info/sale-info.page.ts.SaleInfoPage.print (main.js:1037)
    at Object.eval [as handleEvent] (SaleInfoPage.html:54)

ionic info

Ionic CLI : 5.2.1 (/usr/local/lib/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 : 8.0.0 Cordova Platforms : android 8.0.0, ios 4.5.5 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 9 other plugins)

Utility:

cordova-res : 0.5.0 (update available: 0.5.2) native-run : 0.2.6 (update available: 0.2.7)

System:

Android SDK Tools : 26.1.1 (/Users/shahab/Library/Android/sdk/) ios-deploy : 2.0.0 NodeJS : v8.11.3 (/usr/local/bin/node) npm : 5.6.0 OS : macOS Mojave Xcode : Xcode 10.2.1 Build version 10E

code

print()
  {
    this.printer.isAvailable().then(function(){
      this.printer.print("https://www.techiediaries.com").then(function(){
            alert("printing done successfully !");
          },function(){
            alert("Error while printing !");
          });
    }, function(e){
        console.log(e);
        alert('Error : printing is unavailable on your device ');
    });
  }

Posts: 1

Participants: 1

Read full topic

@alexcs53 wrote:

I have a project that works to configure a mobile application, I need on my main page to show the embedded mobile application so that the user can see how your application is going, I have developed my mobile application in ionic 3 and I have that application inside me my website project, I’m working on ruby on rails.

I have seen that you can show a website in an ionic mobile application but I do not want that, I want the opposite, I want to show the mobile application on my website.

Is it possible to do this? How could I do it?

I’m looking for something like this: https://ionicframework.com/docs/api/action-sheet

my mobile application within the project of my website:

Posts: 1

Participants: 1

Read full topic

@Hanomickael wrote:

Hello

in my application I load the categories of my wordpress, then click, a view with the articles of the category.
The problem is that on Iphone 8, when I click the back button and I return to the list of categories, it displays the name of the last category consulted for all categories listed.
And no idea of ​​how to solve this problem since on the simulator everything works fine.

Ideas ?

Thank you

Posts: 1

Participants: 1

Read full topic

@tiagosilveira wrote:

Hello Everyone I’m desperated, my client asks me for a new input style as the google style I’m almos there, but I’m with a big problem on the overflow as you can see:

NgRLv.gif358×637 177 KB

All the colors are changing correctly, but the label is being cutted in the middle. Can anyone help me please? I’ve tryed to use overflow: visible; padding-top, margin and nothing

Thats My SCSS:

* {
  --background-focused: transparent;
}
ion-toolbar {
  --background: #3880ff !important;
  --color: #fff !important;
}

#menu_header {
  --background: #3880ff !important;
  --color: #fff !important;
}
#avatar_menu {
  margin-right: 10px !important;
}

.item-input {
  margin-top: 5px;
  &.invalid {
    color: red;
  }
}

ion-label.google-label {
  color: #fff;
  background-color: #3880ff;
  font-size: 12px;
  margin-left: 10px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  position: absolute !important;
  margin-bottom: 5px !important;
  z-index: 9;
}

ion-input.google-input {
  padding-top: 10px !important;
  color: white;
  border: 2px solid white;
  width: 100%;
  max-width: 100%;
  padding-left: 10px !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.item-label-floating {
  &.ion-invalid.ion-touched {
    .google-label {
      color: #f53d3d !important;
    }
    .google-input {
      border: 2px solid #f53d3d !important;
    }
  }
  &.item-has-value {
    .google-label {
      padding-left: 4px !important;
      padding-right: 4px !important;
      color: #062f77 !important;
      -webkit-transform: translate3d(0, -50%, 0) !important;
      transform: translate3d(0, -50%, 0) !important;
      -webkit-transform-origin: left top;
      transform-origin: left top;
      -webkit-transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      &.invalid {
        .google-label {
          color: #f53d3d !important;
        }
        .google-input {
          border: 2px solid #f53d3d !important;
        }
      }
    }

    &.ion-valid.ion-touched {
      .google-label {
        color: #fff !important;
      }
    }
  }
  &.item-has-focus {
    .google-label {
      padding-left: 4px !important;
      padding-right: 4px !important;
      color: #062f77 !important;
      -webkit-transform: translate3d(0, -50%, 0) !important;
      transform: translate3d(0, -50%, 0) !important;
      -webkit-transform-origin: left top;
      transform-origin: left top;
      -webkit-transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
      transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .google-input {
      border: 2px solid #062f77;
    }
    &.invalid {
      .google-label {
        color: #f53d3d !important;
      }
      .google-input {
        border: 2px solid #f53d3d !important;
      }
    }

    &.ion-valid.ion-touched {
      .google-label {
        color: #062f77 !important;
      }
    }
  }
}

Posts: 1

Participants: 1

Read full topic

@developergeme wrote:

I have an App using lazy loading, and is running the app in a browser, so when a user enters the url for my site he is navigated to

/index.html#/home

if the user now changes the url to a url like

/index.html#/

he will get an error like

console.js:35 ERROR Error: Uncaught (in promise): invalid views to insert
at c (polyfills.js:3)
at Object.reject (polyfills.js:3)
at NavControllerBase._fireError (nav-controller-base.js:223)
at NavControllerBase._failed (nav-controller-base.js:216)
at nav-controller-base.js:263

in the console

How can I verify that the url exist before letting the nav-controller throw this error.

In Sentry, where I record all errors it looks like this

image.png836×335 19.3 KB

I think this happens when the user double clicks on the back navigation arrow, but haven’t been able to verify

Posts: 1

Participants: 1

Read full topic

@vartmaa01 wrote:

Vartmaa Impex Pvt. Limited. symbolizes strength, durability and impeccable quality. We have entrenched ourselves as the most authentic state-of-the-art designer, manufacturer & exporters of Steel customized products like Stainless Steel Table, Candle Holders, Stainless Steel Benches, Steel Gate, Steel Railing, Planters, Lamps, Lanterns, Bar Cart, Display Stands.

Since steel is an internationally acclaimed and widely used material for its unlimited life, Vartmaa Impex Pvt. Limited has excelled in this line keeping the quality and technical aspect of the product in mind.

for more visit our website - http://www.vartmaa.com

Posts: 1

Participants: 1

Read full topic

@vartmaa01 wrote:

If you need a work table for heavy use, then a table made of stainless steel is the right choice. If you need a work table to hold restaurant tools, equipment stands are a good option and here is now Vartmaa Impex Pvt. Limited Providing you the best Stainless Steel table. and we have entrenched ourselves as the most authentic state-of-the-art designer, manufacturer & exporters of Steel customized products like Stainless Steel Table,Candle Holders , Stainless Steel Benches, Steel Gate, Steel Railing, Planters, Lamps, Lanterns, Bar Cart, Display Stands.
Since steel is an internationally acclaimed and widely used material for its unlimited life,Vartmaa Impex Pvt. Limited has excelled in this line keeping the quality and technical aspect of the product in mind.

A full-fledged team of product designers and extremely hard working and responsible production engineers and workers at Vartmaa Impex Pvt. Limited have enabled us to ensure the client that not only our products are different in design but also immaculate in finishing at par with international line of products.

for more information you can visit our website - http://www.vartmaa.com

Posts: 1

Participants: 1

Read full topic

@timsar wrote:

storage will be clear after closing the app.
this is my package.json :
“cordova-sqlite-storage”: “^3.2.1”, and “@ionic/storage”: “^2.2.0”,

```

this.storage.set(‘hasSeenTutorial’, ‘true’);

this.storage.get(‘hasSeenTutorial’)
.then((hasSeenTutorial) => {
debugger;
if (hasSeenTutorial) {
this.selectRootPage();
} else {
this.rootPage = ‘TutorialPage’;
}
this.platformReady()
});

Posts: 1

Participants: 1

Read full topic

@buzfinda wrote:

Am unable to re-install ionic after i uninstall it. when i run " npm install -g ionic" i get the following error

:\Users\chijioke>npm install -g ionic
pm WARN deprecated superagent@4.1.0: Please note that v5.0.1+ of superagent rem
ves User-Agent header by default, therefore you may need to add it yourself (e.
. GitHub blocks requests without a User-Agent header). This notice will go awa
with v5.0.2+ once it is released.
pm ERR! Unexpected end of JSON input while parsing near ‘…},“dist”:{"integrit
"’

pm ERR! A complete log of this run can be found in:
pm ERR! C:\Users\chijioke\AppData\Roaming\npm-cache_logs\2019-07-06T05_13_
9_102Z-debug.log

Posts: 1

Participants: 1

Read full topic

@vartmaa01 wrote:

Almost anything can be grown in a Planters,like - flowers, small plants even many trees.
A full-fledged team of product designers and extremely hard working and responsible production engineers and workers at Vartmaa Impex Pvt. Limited. have enabled us to ensure the client that not only our products are different in design but also immaculate in finishing at par with international line of products.

Vartmaa Impex Pvt. Limited. symbolizes strength, durability and impeccable quality. We have entrenched ourselves as the most authentic state-of-the-art designer, manufacturer & exporters of Steel customized products like [Stainless Steel Table](http://Vartmaa Impex Pvt. Limited. symbolizes strength, durability and impeccable quality. We have entrenched ourselves as the most authentic state-of-the-art designer, manufacturer & exporters of Steel customized products like Stainless Steel Table, Candle Holders, Stainless Steel Benches, Steel Gate, Steel Railing, [Planters](http://Vartmaa Impex Pvt. Limited. symbolizes strength, durability and impeccable quality. We have entrenched ourselves as the most authentic state-of-the-art designer, manufacturer & exporters of Steel customized products like Stainless Steel Table, Candle Holders, Stainless Steel Benches, Steel Gate, Steel Railing, Planters, Lamps, Lanterns, Bar Cart, Display Stands.), Lamps, Lanterns, Bar Cart, Display Stands.), [Candle Holders](http://Vartmaa Impex Pvt. Limited. symbolizes strength, durability and impeccable quality. We have entrenched ourselves as the most authentic state-of-the-art designer, manufacturer & exporters of Steel customized products like Stainless Steel Table, Candle Holders, Stainless Steel Benches, Steel Gate, Steel Railing, Planters, Lamps, Lanterns, Bar Cart, Display Stands.), Stainless Steel Benches, Steel Gate, Steel Railing, Planters, Lamps, Lanterns, Bar Cart, Display Stands.
Vartmaa Impex Pvt. Limited symbolizes strength, durability and impeccable quality. We have entrenched ourselves as the most authentic state-of-the-art designer, manufacturer & exporters of Steel customized products

for more information please visit our website - http://www.vartmaa.com

Posts: 1

Participants: 1

Read full topic

@gdinakar wrote:

We are developing mobile app using ionic version 4. Is there any plugin that is available in for ionic framework to do face recognition and authentication specifically for android platform.

Posts: 1

Participants: 1

Read full topic