@TOrsini wrote:
Are there any examples of how to change the font size of the options within an ion-select or how to add word wrapping to the options list?
Thanks.
Posts: 1
Participants: 1
↧
Ion-select-options
↧
Ionic 4 ZBar crashing in ios
@ionic-conagrabrands wrote:
I’m using Ionic4 zbar to scan barcode. Every time I try to open the camera my application is crashing.I tried all different iphone devices. My codes works fine on android devices. I’m not sure how to debug this issue.
Ionic:
Ionic CLI : 5.0.0 (/usr/local/lib/node_modules/ionic) Ionic Framework : @ionic/angular 4.4.0 @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 CLI : 9.0.0 (cordova-lib@9.0.1) Cordova Platforms : android 7.1.4, ios 5.0.1 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 10 other plugins)
Utility:
cordova-res : 0.3.0 native-run : 0.2.2
System:
Android SDK Tools : 26.1.1 (/Users/conagrabrands/Library/Android/sdk) ios-deploy : 1.9.4 ios-sim : 8.0.1 NodeJS : v10.16.0 (/usr/local/bin/node) npm : 6.9.0 OS : macOS Mojave Xcode : Xcode 10.2.1 Build version 10E1001
Expected result is camera should open to scan the barcode.
Posts: 1
Participants: 1
↧
↧
Push notification IOS Ionic 3
@ericcoquelin wrote:
Hi there,
I am stack in generating IPA file in development mode for my App , I don’t understand the process used to merge the certificates generated ( ios development and APNs Development iOS ).
I am using IONIC pro to generate IPA file. And I am using Ubuntu with openssl to generate pem and p12, I don’t understand why it’s not working, I will need any help to understant more clearly the steps taken to generate push certificate and ios app certificates,and in which momen I can use files like push.p12 or something like that.
I need this missing piece in this puzzle , Any provided docs or example that describe every step to integrate push notification with openssl will be appreciated.
HELP !
Posts: 1
Participants: 1
↧
Force Ionic Raido to look like Android all the time
@helpmelearn wrote:
We put in a Radio buttons in a group. The example they have is a kind of list and divider lines. We did not do that.
The Android side you know where to click, but the Ios side there is no place to click.
We just want to change it so Ios uses the Android look. Is that possible?
Posts: 2
Participants: 1
↧
Worries about ionic optimization
@50l3r wrote:
Hi guys,
My name is soler, I open this discussion for a problem that has me quite worried.
In a few days I will develop an application and I am deciding on which framework to use. I ask this question here, and forgive me if it is not in the right place, because for the moment ionic is my choice.
My concern is when i loading multiple records is an infinite list from an api rest. I have the doubt if the application run well and will not have any type of lag or optimization failure.
Can you give me your opinion? Is there any noticeable difference in the development of native applications? The development will be 100% CRUD.
Much thanks for your time.
Posts: 1
Participants: 1
↧
↧
Dynamically change styles on Ionic 3 buttons
@obinnae wrote:
I have 5 round, outlined buttons, each with a number in it (1,2,3,4,5). If I tap any of the buttons, I want the style to change from outlined to regular (non-outlined). If I tap another button, the previous one goes back to outlined while the tapped one changes to regular.
How can I achieve that?
Thanks.
Posts: 1
Participants: 1
↧
Cordova and Ionic running in a Gitpod container
@jerteach wrote:
Anyone like new Tech!
I have Cordova and Ionic running in a Gitpod container (A Docker Hub style container in an online IDE).
I can generate an Android debug App with both Cordova and Ionic, but Cordova is the only one that I can load onto my Android Cell Phone. Wondering if anyone wants to have a look at it.
The Gitpod takes about 2 minutes to load and has Java, Android sdk version 28, Cordova and Ionic with Qrcode pre-installed. I have a few bash commands that setup things for you. Please have a look at the bash commands before running them.
Click the following link to get it running.
it builds directly from this Github repo
https://github.com/hpssjellis/ionic-webcam-help
by inserting gitpod.io/# into the URL then reading the .gitpod.yml file that directs to a Dockerfile.
If I can get Ionic working to load on my android cell phone I have my real question to ask.
Jeremy Twitter @rocksertta
Posts: 1
Participants: 1
↧
Capacitor Filesharer plugin fails with large Base64
@raspej wrote:
I’m trying to implement Capacitor Filesharer in my Capacitor project build with Vue.
This is what I have as a View:
<template> <div class="ion-page"> <ion-content padding> <img id="selfie" src="data:image/png;base64,iVBORw0...uQmCC"> <ion-button @click="shareNow()">Share</ion-button> </ion-content> </div> </template> <script> import { Plugins, registerWebPlugin } from "@capacitor/core"; import { FileSharer } from '@byteowls/capacitor-filesharer'; const { Share } = Plugins; registerWebPlugin(FileSharer); export default { methods: { shareNow() { var self = this; var img = document.getElementById('selfie').src Plugins.FileSharer.share({ filename: Math.random() + "_selfie.png", base64Data: img.replace('data:image/png;base64', '').toString(), contentType: "image/png", }).then(() => { // alert('DONE'); }).catch(error => { console.error(error); console.error("File sharing failed:", error.message); }); }, } }; </script>It’s all working, except that I can’t make an actual share. When I try to share a larger image then a few KB, it doesn’t work.
When the image is small (a few KB) it works, but I want to share a photo that I’m making and adding that photo as a Base64 string. I think it’ll fails because of a big Base64 string, but as far as I can tell is the only way to use the Filesharer plugin with a Base64 string.
Posts: 1
Participants: 1
↧
Angular Firestore Update v 5.2.1 issue - Ionic 4
@mfsenturk wrote:
Hi everyone,
I wanted to update my @angular/fire to use new features of firestore. When i update the latest version of firebase, I got some high vulnerabilities. It asks me to update the @angular/devkit , @angular/cli/core, karma etc.
When i do these updates and run ionic cordova run browser, i receive an errorr which says @angular/compiler-cli/ngcc not found. I checked node_modules and it is there.I am not sure if this is related to that ionic not compatible with latest angular 8 at the moment.
Has anyone recently updated to the latest version of angular/fire without any issue?
Before the error, my package.jason details are as below.
Ionic4
“@angular/common”: “^7.1.4”,
“@angular/core”: “^7.1.4”,
“@angular/fire”: “^5.1.1”,
“@ionic-native/firebase-authentication”: “^4.20.0”,
“@ionic-native/core”: “^5.0.0”,
“@ionic/angular”: “^4.1.1”,
“rxjs”: “~6.3.3”,
“@angular-devkit/build-angular”: “^0.12.3”,
“@angular-devkit/core”: “~7.1.4”,
“karma”: “~3.1.4”,
“typescript”: “~3.1.6”Thanks a lot,
Fatih
Posts: 1
Participants: 1
↧
↧
How to customise Ionic v4 SCSS variables (NOT the CSS variables!)
@asgeo1 wrote:
I don’t understand what the go is with styling in Ionic V4.
Yes, I get that it now uses CSS variables, and I can see all the options for customising components with CSS variables in the documentation.
That is not what I’m talking about. I’m talking about the SCSS variables here: https://github.com/ionic-team/ionic/blob/67a913773b72a7a2178552d42947fd8815e7db41/core/src/components/input/input.ios.vars.scss
// iOS Input // -------------------------------------------------- /// @prop - Font size of the input $input-ios-font-size: inherit !default; /// @prop - Margin top of the input $input-ios-padding-top: $item-ios-padding-top !default; /// @prop - Margin end of the input $input-ios-padding-end: ($item-ios-padding-end / 2) !default; /// @prop - Margin bottom of the input $input-ios-padding-bottom: $item-ios-padding-bottom !default;There’s literally hundreds of them, and I’m not seeing any way to customise them.
I want to change
$input-ios-input-clear-icon-svgto use my own custom icon, and I can’t see how I would do that. Setting that variable myself is not having any effect.There is literally no mention of all these SCSS variables in the documentation, it’s as if changing SCSS variables is not supported, and all we are allowed to do is modify the CSS ones. The CSS variables do not cover everything… so that doesn’t make sense to me.
Am I just doing something wrong, or is this not possible?!
Posts: 1
Participants: 1
↧
About the Translation category
@mhartington wrote:
This is the category to use when discussing translating the Ionic docs or any official Ionic related content.
Posts: 1
Participants: 1
↧
Document Scanner
@ranahaseeb wrote:
Hi, I am here to ask about the Document Scanner for ionic. I have searched a lot about this but couldn’t find anything proper. Sample image is attached
Posts: 1
Participants: 1
↧
Http post ionic4
@karthikmani15 wrote:
I am Using Post Data With Http In ionic 4. My Sample Data Is Like this,
{
“employee”: {
“name”: “abcd”,
“mobile”: “8229678323”
}
}
my Code,import { Http , Headers } from ‘@angular/http’;
var data = JSON.stringify({ employee: { name: “abcd”, mobile: “8229678323”}});
let headers = new Headers();
headers.append(‘Content-Type’, ‘application/json’);
let options = { headers: headers };this.http.post(link,data,options).subscribe(data =>{
alert(data);
},error => {
alert("Error "+ error.error);
});I Got Error Undefined. Please Help me to Solve this.
Posts: 1
Participants: 1
↧
↧
Computer taking long time to start
@bkdroid13 wrote:
computer taking a lot of time to start. After completing the msconfig procedure after restarting, the startup took a long time so I am very tense. Please let me know. How to do??
Posts: 1
Participants: 1
↧
Display blank page native google map in android marshmallow?
↧
How to update the value in table by using id of particular field
@nazurul7 wrote:
there is a table with five rows and five columns and at first it will be empty once i click on any cell in the table the random number should appear automatically in that particular cell.
( for ex if i tried to print random numbers from 1-10 then if i click on one cell the random number should generate and show in the particular cell the process should applied for all the cells in the table ).
thanks in advance
Posts: 1
Participants: 1
↧
ERROR TypeError: Cannot read property 'token' of undefined (ionic 4)
@valueice wrote:
I and trying to build an using a php API, I have been able to login, but when I tried to access other endpoints like logout I get the error “Preformatted textERROR TypeError: Cannot read property ‘token_type’ of undefined”
below is my code
auth.services TS
import { Injectable } from '@angular/core'; import { HttpClient, HttpHeaders } from '@angular/common/http'; import { tap } from 'rxjs/operators'; import { ApiService } from './api.service'; import { User } from '../models/user'; import { NativeStorage } from '@ionic-native/native-storage/ngx'; @Injectable({ providedIn: 'root' }) export class AuthService { isLoggedIn = false; token:any; constructor( private http: HttpClient, private api: ApiService, private storage: NativeStorage, ) { } login(account_number: Number, password: String) { return this.http.post(this.api.API_URL + '/login', {account_number: account_number, password: password} ).pipe( tap(token => { this.storage.setItem('token', token) .then( () => { console.log('Token Stored', token); }, error => console.error('Error storing item', error) ); this.token = token; this.isLoggedIn = true; return token; }), ); } register(name: String, email: String, phone: Number, reference: String, account_number: String, password: String) { return this.http.post(this.api.API_URL + '/register', {name: name, email: email, phone: phone, reference: reference, account_number: account_number, password: password} ) } logout() { const headers = new HttpHeaders({ 'Authorization': this.token["token_type"]+" "+this.token["access_token"] }); return this.http.get(this.api.API_URL + '/logout', { headers: headers }) .pipe( tap(data => { this.storage.remove("token"); this.isLoggedIn = false; delete this.token; return data; }) ) } user() { const headers = new HttpHeaders({ 'Authorization': this.token["token_type"]+" "+this.token["access_token"] }); return this.http.get<User>(this.api.API_URL + '/account_balance', { headers: headers }) .pipe( tap(user => { return user; }) ) } getToken() { return this.storage.getItem('token').then( data => { this.token = data; if(this.token != null) { this.isLoggedIn=true; } else { this.isLoggedIn=false; } }, error => { this.token = null; this.isLoggedIn=false; } ); } }the error
Posts: 1
Participants: 1
↧
↧
Emojis values are different when sending to server
@yashwanth493 wrote:
Hi Guys,
I am facing an issue in sending the emoji’t to the server.
only a few of the emoji’s are showing as broken and having issue in sending it.
In the above image the red marked smiley can’t get its value from the android emulator and showing as ?? instead of the smiley.
Please help me to get the right one.
Posts: 1
Participants: 1
↧
How to show Local notification by own backed?
@sourabhchopade03 wrote:
Hello there. I need to show notification in my ionic app. I have my own backed and i will call a service for every 10 seconds and fetch data. If Data exist then i have to show local notification. I search for Local as well as push notification, but not find any solution. Please help. It should also work when app is not open. in ionic 4
Posts: 1
Participants: 1
↧
Push notification failed on IOS with : No valid 'aps-environment' entitlement string found for application
@ericcoquelin wrote:
Hello,
I am trying to add push notification on generated IOS ipa .
I am working with linux and I am using openssl to generate the certificates adn I have registered my app in firebase FCM (Push notification is working fine in android Platform).
But In IOS it’s not working and when I run :
idevicesyslog
I get this error message in syslog : "No valid ‘aps-environment’ entitlement string found for application ".
no valid \M-b\M^@\M^\aps-environment\M-b\M^@\M^] entitlement string found for applicationIn app developer I have followed the step below :
- Create appId adn activate push notification service
- Generate 2 cer files one for the application and the other one for push notification (Apns Developer)
- Add device
- Generate .p12 files for both certificates.
- Generate provisionning profiles for the appId
My app is working fine and I can get my development IPA but the push is not working.
Here are the commands I am using :
For app :
-Key generation
openssl genrsa -des3 -out key-file.key 2048
-CSR file generation
openssl req -new -key key-file.key -out CSR-file.csr
-Upload csr in apple developer and download .cer file
- Generate .pem file
openssl x509 -inform DER -outform PEM -in ios_development.cer -out ios_development.cer.pem- Generate .p12
openssl pkcs12 -export -inkey keyname.key -in ios_development.cer.pem -out Certificates.p12For push notification :
-Upload csr in apple developer and download .cer for push notification
- Generate .pem file
openssl x509 -inform DER -outform PEM -in aps_development.cer -out aps_development.cer.pem- Generate .p12
openssl pkcs12 -export -inkey keyname.key -in aps_development.cer.pem -out PushCertificates.p12The app is generated and works fine but without push notification.
I have a feeling that in some way I need to merge both .pem files, If it’s the case How can I to do so.
Thanks in advance
Posts: 1
Participants: 1
↧