@pabloo87 wrote:
Hi, i just release my first app made with Ionic, it’s called Tizem.
Basically is a news reader that let you access a wide variety of portals. From Graphic design to Science or Fashion.As is my first app i was hoping you can tell me what do you think, or if you find any bugs. I’m not an English native speaker so if anyone find an error please tell me Image may be NSFW.
Clik here to view..
It’s a simple app, a small project
Posts: 1
Participants: 1
@erickissa wrote:
I keep getting this error whenever I ionic build android --prod. it works fine with ionic serve and ionic run. even ionic build is okay.
Error: Cannot determine the module for class SupplierChequeModalPage in C:/wamp/www/pos/src/pages/supplier-cheque-modal/supplier-cheque -modal.ts! Add SupplierChequeModalPage to the NgModule to fix it. Cannot determine the module for class LetterAvatarDirective in C:/wamp/www/pos/src/directives/letter-avatar/letter-avatar.ts! Add Lette rAvatarDirective to the NgModule to fix it. Cannot determine the module for class ClientChequeModalPage in C:/wamp/www/pos/src/pages/client-cheque-modal/client-cheque-modal.ts! Ad d ClientChequeModalPage to the NgModule to fix it. Cannot determine the module for class CustomerModalPage in C:/wamp/www/pos/src/pages/customer-modal/customer-modal.ts! Add CustomerModa lPage to the NgModule to fix it. Cannot determine the module for class LowStockFilterPipe in C:/wamp/www/pos/src/pipes/low-stock-filter/low-stock-filter.ts! Add LowStoc kFilterPipe to the NgModule to fix it. Cannot determine the module for class DateFilterPipe in C:/wamp/www/pos/src/pipes/date-filter/date-filter.ts! Add DateFilterPipe to the NgModule to fix it. at Error (native) at syntaxError (C:\wamp\www\pos\node_modules\@angular\compiler\bundles\compiler.umd.js:1550:34) at analyzeAndValidateNgModules (C:\wamp\www\pos\node_modules\@angular\compiler\bundles\compiler.umd.js:22948:15) at AotCompiler.compileAll (C:\wamp\www\pos\node_modules\@angular\compiler\bundles\compiler.umd.js:22721:18) at CodeGenerator.codegen (C:\wamp\www\pos\node_modules\@angular\compiler-cli\src\codegen.js:30:14) at Function.NgTools_InternalApi_NG_2.codeGen (C:\wamp\www\pos\node_modules\@angular\compiler-cli\src\ngtools_api.js:61:30) at Object.doCodegen (C:\wamp\www\pos\node_modules\@ionic\app-scripts\dist\aot\codegen.js:6:51) at C:\wamp\www\pos\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:42:30
Posts: 1
Participants: 1
@anindyamondal1983 wrote:
Hi All, I am trying to integrate facebook account kit login in my ionic android app. I have installed following things.
- cordova plugin add cordova-plugin-facebook-account-kit --save --variable APP_ID=“XXXXXXX” --variable APP_NAME=“XXXX” --variable AK_TOKEN=“XXXXXXXXXXXXXXXXXXXXXXX”
- npm i cordova-plugin-facebook-account-kit
Below is my code snippet. The below code throws me account kit login page. The problem is:
- . How to set the default country code while throwing the page (for ex: +852 for hongkong)
- How to do logout functionality
I am confused by what is written in npm sites as I am not sure why there are so many plugins for account kit. Kindly, if any body has any working code, please help. Thanks.
import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; declare var FacebookAccountKit:any; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { result: any; test: any; userDetail: any; constructor(public navCtrl: NavController) { } success (response: any){ console.log(response); this.result = response; // this.navCtrl.push('OnboardLocationPage'); this.test = this.result; } error(err) { console.log(err); this.test = err; } smsLogin() { FacebookAccountKit.mobileLogin(function (response) { alert(JSON.stringify(response)); }, function (error) { console.log(error) }); } }
Posts: 1
Participants: 1
@Quiesan wrote:
Hello !
Do you know any librairy or plugin for image processing in js ?
Thanks Image may be NSFW.
Clik here to view.
Posts: 1
Participants: 1
@javierpar90 wrote:
Hi!
I am trying to push some changes to my Ionic App created in the dashboard. I execute “git push ionic master” and I get the message: “Everything up-to-date” but no new build appears in my dashboard and I cannot see the changes in Ionic View.
Any thoughts about what is happening or doing wrong?
Thanks.
Posts: 1
Participants: 1
@navogel wrote:
This is super weird, and my team cant figure it out.
We have a perfectly functioning PWA in --prod but recently a tester pointed out that the tel and geo links were not working. We realized that the issue is only when accessing the app from a saved homescreen icon in Android only. When accessing through the normal browser everything functions as normal.
We have tried the whitelist issues:
Here is the code in the app:
html:
<button ion-button id=“card_butts” icon-only [disabled]=“isCallDisabled” (click)=“makeCall()”>
.ts
makeCall(){
window.open(“tel:” + this.phone);
}My lead dev thinks it is an issue with the manifest.json, but other than that we have no clue.
Posts: 3
Participants: 1
@Sky007 wrote:
I have the following content for my login page:
<ion-content class="login"> <div class="overlay"> <button class="menu-button" ion-button menuToggle> <ion-icon name="menu"></ion-icon> </button> <div class="space"></div> <ion-grid> <ion-row> <ion-col col-12 text-center> <h1> Incredible Weather </h1> </ion-col> </ion-row> <ion-row> <ion-col col-12 text-center> <h2> SignIn to access </h2> </ion-col> </ion-row> </ion-grid> <!-- <ion-content> --> <form #f="ngForm" (ngSubmit)="onSignIn(f)"> <ion-grid> <ion-row> <ion-col col-10 offset-1> <ion-list> <ion-item> <ion-label floating>Username</ion-label> <ion-input type="text" ngModel name="Mail" required></ion-input> </ion-item> <ion-item> <ion-label floating>Password</ion-label> <ion-input type="password" ngModel name="Password" required></ion-input> </ion-item> </ion-list> </ion-col> </ion-row> <ion-row> <ion-col col-10 offset-1> <button ion-button block type="submit" [disabled]="!f.valid">Sign In</button> </ion-col> </ion-row> </ion-grid> </form> <div class="sign-in" style="text-align:center"> <p style="color:#fff;">Please <a style="text-decoration:underline; color:greenyellow" (click)='signInPage()'>sign up</a> before loggin in.</p> </div> <!-- </ion-content> --> </div> </ion-content>And this is the markup for the page:
page-signin { .login{ background-image: url("../assets/imgs/weather.jpeg") !important; background-repeat:no-repeat; background-size:cover; width:100%; } .button-full{ position: fixed; bottom:0; left:0; } .menu-button{ position: absolute; top:20px; left:25px; box-shadow: none; margin:0; padding: 0; background: transparent; ion-icon{ font-size:2.9em; color:greenyellow } } .item-md,.item-ios{ background: none !important; color:#fff; padding-left: 0; } .item-input .label-md{ color:#fff;//text on label } .item-input.item-input-has-focus .label-md[floating], .input-has-focus .label-md[floating]{ color:#fff; } .item-md.item-input.item-input-has-focus.item-inner,.item-md.item-input.item-input-has-focus .item-inner{ border-bottom-color: #fff; box-shadow: inset 0 -1px 0 0 #fff; color:#fff; } .list-md .item-input.item-input-has-focus:last-child,.list-md .item-input.input-has-focus:last-child{ border-bottom-color: #fff; box-shadow: inset 0 -1px 0 0 #fff; } .space{ padding-top:120px; } h1{ margin-top: 2rem; font-size: 4rem; margin-bottom: 3rem; color: greenyellow; } h2{ margin-top:0; font-size: 3rem; color:#fff; } .overlay{ background: rgba(0,0, 0, .4); height:100vh; } }Now when I tap on any field keyboard shows up but doesn’t align the input well with the keyboard; it instead hides it and then when I start to type it pushes the content a towards the top.
Attaching some images for clarity:
Initial Login screen:
Image may be NSFW.
Clik here to view.When user taps on a field like username(hides the input):
Image may be NSFW.
Clik here to view.When user starts typing(inputs moves a lot up):
Image may be NSFW.
Clik here to view.It might be that I am not following proper ionic styling as this is one of my starter apps in ionic. It would be great if someone can point me in the right direction so that I can learn more and proceed.
Posts: 1
Participants: 1
@luis8 wrote:
Does anyone here connected to Android by bluetooth or does anyone know how to do it?
Posts: 1
Participants: 1
@bandito wrote:
Hi
Can you use ionic-native without ionic framework? Can you use it with StencilJS if it’s on a Cordova application?
Posts: 1
Participants: 1
@reedrichards wrote:
I noticed that I’m not able anymore to use URL_SCHEME for my deep linking on Android.
Works fine on iOS but doesn’t on Android, looks like that on Android I’m only able to use deep linking when I call link with httpsI mean:
myapp://something/id works fine on iOS but doesn’t on Android
https://mydomain.io/somehing/id works on AndroidI’m dumb or I’m just tired and custom URL_SCHEME (myapp://…) doesn’t and will never work on Android or could that be a bug?
I opened that issue on the Github of the plugin because it looks like to be related to some other issues, but like I said, maybe I’m really tired.
Anyone, any clues, any help, plz?
Thx in advance!
Posts: 1
Participants: 1
@leoguima94 wrote:
Hi everyone,
I am trying to download a file with the FileTransfer native plugin in a desktop browser and mobile browser, but I get this error in both platforms (Browser/Android Chrome):
body:null code:1 exception:null http_status:null source:"./assets/docs/Contrat_base.pdf" target:"filesystem:file:///persistent/contrat.pdf"I am running the
ionic cordova run browsercommand to test this part of the application.Here is the code:
let url = './assets/docs/Contrat_base.pdf'; // It can be a S3 bucket link const fileTransfer: FileTransferObject = this.transfer.create(); fileTransfer.download(url, this._file.dataDirectory + "/contrat.pdf", true, { fileName: "contrat.pdf" }).then((entry) => { console.log('download complete: ' + entry.toURL()); }, (error) => { console.log("ERROR:", error); });How can I download the file? Do I need different methods for each type of platform?
Please help me!
Thanks in advance!
Posts: 1
Participants: 1
@dougPeddi wrote:
I want to keep my checkbox checked when I load and reload the page and get the value.
HTML
<ion-item style="background-color: rgba(0,0,0,0); width:100%" > <ion-label> Add (10%) </ion-label> <ion-checkbox item-right class="checkbox-right" #checkbox (ionChange)="addService(checkbox.checked)"></ion-checkbox> </ion-item>FILE.ts
addService(service : boolean) { if(servico === true) { this._service = this._total * 10 / 100 } else { this._service = 0; } }
Posts: 1
Participants: 1
@neoassyrian wrote:
Hi guys,
I tried to contact the support, but no luck, so I’m posting here. It is amazing how support doesn’t work even when having a paid Ionic Pro subscription. Very disappointed.
The app builds fine locally for Android and builds fine in the cloud. However, when packaging for OS in the cloud I get the following error. I tried removing the android resources from config.xml and also from the resources folder. no luck
$> cordova add platform ios
Using cordova-fetch for cordova-ios@~4.4.0
Adding ios project…
Creating Cordova project for the iOS platform:
Path: platforms/ios
Package: com.test.m
Name: App Name
iOS project created with cordova-ios@4.4.0
Error: Source path does not exist: resources\android\icon\drawable-xhdpi-icon.png
\e[91mFailed to upload ipa to storage please retry your build.\e[0m
Running after script…
$ clean-up
Cleaning up files…
Successful clean up
ERROR: Job failed: exit status 1
Posts: 1
Participants: 1
@retorres9 wrote:
Hi, I’m new in Ionic and I’m trying to read something like this…
export const PERSONAJES = [ { imagen:'assets/img/han-solo.jpg', nombre: 'Han Solo', titulo: [ {titulos:'Cazarrecompensas'}, {titulos:'capitan'}] },in this html file
<ion-header> <ion-navbar color="dark"> <ion-title text-center> {{personaje.nombre}} </ion-title> </ion-navbar> </ion-header> <ion-content padding text-center> <img [src]="personaje.imagen"> <h2>{{personaje.nombre}}</h2> <div *ngFor="let personaje of personajes"> <ul> <li *ngFor="let titulo of personajes"> {{ titulo.titulos }} </li> </ul> </div> <button ion-button block color="dark" navPop> Regresare </button> </ion-content>but Iget this error
How I can read that array properly.
Posts: 1
Participants: 1
@Smirnova wrote:
Hi all,
I have three pages:
- On First page click the button and navigate to Second page where I get
this.barcode = navParams.get('barcode');On the Second Page I use this.barcode to show the appropriate content.
On Second page click button and navigate to the Third Page.
Click button on the Third Page to return to the Second Page (not the “Back” button, but my custom one) => and I have an error related to this.barcode, which is obviously undefined.
What’s the best way to fix this issue? I need the this.barcode on the Second Page to be “saved”, so when returning from the Third Page, it’s still there.
Regards,
Olga
Posts: 1
Participants: 1
@matesh77 wrote:
// Initialize Firebase
var config = {
apiKey: “AIzaSyAJpSXA4kF9AyNmbOasiTO2IW3nLNi4Y-k”,
authDomain: “testing-todo-a9be3.firebaseapp.com”,
databaseURL: “https://testing-todo-a9be3.firebaseio.com”,
projectId: “testing-todo-a9be3”,
storageBucket: “testing-todo-a9be3.appspot.com”,
messagingSenderId: “579773548921”
};
firebase.initializeApp(config);
once i put the code in my platform,my pages goes blank
Posts: 1
Participants: 1
@pcbarroso wrote:
In Ionic3 how can I set a navigation root Page without the tabs going along?
I’m not able to find any method to achieve that.
Posts: 1
Participants: 1
@keso003 wrote:
is there a way to end call via button inside the app on ionic2 ?
Posts: 1
Participants: 1
@HarinderSingh wrote:
<ion-col col-3> <button ion-button (click)="onPunchPress($event)"><span>1</span></button> </ion-col> <ion-col col-3> <button ion-button (click)="onPunchPress($event)"><span>2</span></button> </ion-col>How can I change color of specific button? Suppose If I click on 1st button then what to do that only it’s
[color] attributre is changed from “light” to “danger” ?
Please help urgent need!
Posts: 9
Participants: 2
@sambleng wrote:
Iam using this https://github.com/apache/cordova-plugin-geolocation plugin,
when i run command “ionic lab”, it worked fine,but when i deploy my application to my android device, it is not working, when running with default setting, it takes long time,
when i use custom setting
{enableHighAccuracy: false, timeout: 25000, maximumAge: 0}it always show error result time out.
for your information, im using redmi note, kitkat
Posts: 1
Participants: 1
