Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 230303 articles
Browse latest View live

Barcode Generator (NOT QR CODE) in Ionic 4?

$
0
0

I tried to implement that too, but im getting an error i cant fix:
"export ‘JsBarcode’ was not found in ‘jsbarcode/src/JsBarcode’.

This is my code maybe you can help me :

import { Component, OnInit, ViewChild, ElementRef  } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';

import { BarcodeScanner, BarcodeScannerOptions } from '@ionic-native/barcode-scanner/ngx';
import { Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { GetService } from '../../get.service';
import { QRCodeModule } from 'angularx-qrcode';
import {JsBarcode} from 'jsbarcode/src/JsBarcode';

@Component({
  selector: 'app-premio-single',
  templateUrl: './premio-single.page.html',
  styleUrls: ['./premio-single.page.scss'],
})
export class PremioSinglePage implements OnInit {
  cliente: any;
  premio: any;
  encodeData: any;
  myAngularxQrCode: 'data';
  @ViewChild('barcode') barcode: ElementRef;
  constructor(private newsService: GetService, private router: Router, private route: ActivatedRoute, private platform: Platform,
    private splashScreen: SplashScreen, private statusBar: StatusBar, ) {
  }

  ngOnInit() {
    this.premio = this.newsService.currentpremio;
    if(this.premio === undefined){
      this.router.navigate(['/menu/premiosreclamados']);
      return;
    } else {
      this.encodeData = this.premio['Codaut'];
      this.myAngularxQrCode = this.encodeData;
    }
    JsBarcode(this.barcode.nativeElement, '12345');
  }

}

I even tried with something i found on their issues on github
import { JsBarcode } from ‘jsbarcode/src/JsBarcode’;
// or
import * as JsBarcode from ‘jsbarcode/src/JsBarcode’;


Barcode Generator (NOT QR CODE) in Ionic 4?

$
0
0

Try this:

import * as JsBarcode from "JsBarcode";

The background image of ion-content only appears in the browser, it does not appear in the Device in Ionic 4

$
0
0

It’s easier if you create another div, just to hold your background.
I have tried to insert a background image inside the ion-content but it didn’t work too…

<ion-content>
  <div class="background">
     ... resto do seu código
  </div>
<ion-content>

and the css for background

.background{
   width: 100%;
   min-height: 100%;
   background-image: url('url da imagem');
   background-size: cover;
}

Firebase Analytics runtime error

$
0
0

I’m not sure how you got this to work with just Firebase. In your constructor, fba uses FirebaseAnalytics. How did you get it to compile?

How can i get input value to send another page?

DevApp on ionic 4 : issue : no console log

Sqlite synchronize information with MSSQL

$
0
0

Good evening I have an application with sqlite as a database and the information stored in the database I need to synchronize it with my database in the cloud that is in MSSQL server, I have the services api developed to receive the data, but I do not know how to send it from ionic v3 and sqlite I would like to know if they have any documentation to be able to do this.

Sqlite synchronize information with MSSQL

$
0
0

In what way are you using Sqlite in your Ionic App? Are you using Storage, or are you writing Sql queries?

See this tutorial…

…and lots of others.


Ionic3 + Firebase phone auth on iOS

$
0
0

Dear @obinnae
Thank you very much,

Can you tell me, what plugin you use it for that code ?
Thanks so so much

Ivan

How to keep closed the sidemenu with the app in the fullscreen mode?

How can i get input value to send another page?

$
0
0

Can you please give more information about what you’re trying to do?

Ionic 4 - PWA and Native Camera Plugin Help

Ionic3 + Firebase phone auth on iOS

Ionic3 + Firebase phone auth on iOS

Ionic 4 : ionChange from select

$
0
0

Hi all,

Need help. I am already stuck.
I want to pass value from select on change
to pass the variable to select from firestore.

Here is the coding
tab2.pages.html

<ion-header>
  <ion-toolbar color="primary">
    <ion-title>Acitivity Attend</ion-title>
  </ion-toolbar>
</ion-header>
 
<ion-content>
   <ion-item>
    <ion-label>Semester</ion-label>
    <ion-select interface="popup" (ngModelChange)="selectHandler($event)">
      <ion-select-option value="20192">Mac 2019 -Jul 2019</ion-select-option>
      <ion-select-option value="20184">Sept 2018 - Jan 2019</ion-select-option>
    </ion-select>
  </ion-item> 
  
   <ion-list>  
    <ion-item *ngFor="let activity of activities"  class="list" button routerLink="/event-detail">
      <ion-label class="event">{{ activity.elEventName }}</ion-label>
      <ion-icon name="calendar"></ion-icon><p>{{ activity.elStartDate }}</p>   
    
    </ion-item>
  </ion-list> 

 <p>{{semSelected}}</p>

  
</ion-content>

tab2.pages.ts

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';


@Component({
  selector: 'app-tab2',
  templateUrl: './tab2.page.html',
  styleUrls: ['./tab2.page.scss'],
})
export class Tab2Page implements OnInit {
    public activities: Observable<any[]>;   
    public semSelected:any; 

    private todosCollection: AngularFirestoreCollection<any>;
    
  constructor ( 
    public db: AngularFirestore ) 
    {}

  
   getAllPosts (): Observable<any> {


    this.semSelected=this.selectHandler(event)
//below is where I wanted to pass the semester selected from html file.
    return this.db.collection<any>( "activity" ).doc<any>(id).collection<any>(***this.semSelected***).doc<any>(this.semSelected).collection<any>("activity").valueChanges ();
  }
  
  selectHandler(event)
  {
     this.semSelected=event.target.value;
     return this.semSelected;
  }
 
  
  ngOnInit( ) {  
       
    this.getAllPosts().subscribe((data)=>{
      this.activities = data;
      console.log(data);
    });
  
  }

  

}

Ionic 4 swipeable tab

$
0
0

Actually i wanted to add this swipeable tab in my existing project ,which is created by ionic 4 blank template…And want to add this functionality in only one screen

If there is no way to add it in existing project i ll create by this…

Which is correct for app store release in ionic 3

$
0
0

Which is the proper command to build release apk to app store. Earlier first one is used and no issue found. But after using second one many issues fired. those were solved and at last currently there is an issue with stuck in whitescreen after splashscreen.

ionic cordova build --release android

or

ionic cordova build android --prod --release

???

Ionic v3 Scroll issue after update iOS 12.2

Auto deploy

$
0
0

i am unable to get the proper flow of auto deploy . someone please help me out.
Thnx in advance

Ionic 4 swipeable tab

$
0
0

@jylikorpi - does this work in a browser? Not working for me, with same config as you.

Viewing all 230303 articles
Browse latest View live


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