@lucasmonteiros wrote:
for the first time I will interact with a designer in an ionic project. How should I request the design of the app to encode? HTML? Can anyone working with designers tell me how to get the layout to encode the app?
Posts: 1
Participants: 1
@valtonpireci wrote:
After i added the google map on view, pressing back button to go to previews page, it removes the background and later it removes the text. The bad thing is that u can see the previews page after background removes, and a little later it removes even the text and goes completely on previews page!
Posts: 1
Participants: 1
@Daris wrote:
Using Ionic v4.0.0-rc.0 I tried to generate a starting project with a simple tabbed interface.
Without further changes, I tried the application on an iPhone 6s (ios 10.0.2) with Google Chrome (v71.0.3578.89) and I found problems related to the css:the toolbar buttons are vertically aligned and overlap with the contents of the tab (see attached image). Is it a known problem?
Posts: 1
Participants: 1
@mhartington wrote:
Hey there folks! We’re Getting ready to record another ionic show this week. The goal is to get the V4 final release out this month. Got any question? Let us know and we’ll answer them in this episode!
Post your questions here, or reply to Adam on twitter!
Can’t wait to see your questions
Posts: 2
Participants: 1
@osmarjunior wrote:
Hi, I’m trying to change the height of a modal with css but it’s not working. In v3 this code worked:
ion-modal { position: absolute; top: 80%; display: block; height: 20%; }In v4 I tried like this (shared-modal is de cssClass defined for the modal):
.share-modal .modal-wrapper { --height: 20%; position: absolute; top: 80%; display: block; }Is there a way to change de size of modal in ionic 4? Thanks.
Posts: 1
Participants: 1
@jarv81178 wrote:
here is my function:
openModal(post) { var docRef = firebase.firestore().collection("posts").doc(post.id) docRef.get().then(function(doc) { if (doc.exists) { console.log("Document data:", doc.data()) const myData = doc.data() console.log("My data:", myData) const mapModal = this.modal.create('MapPage', { data: myData }); mapModal.present(); } else { console.log("No such document!"); } }).catch(function(error) { console.log("Error getting document:", error); }); }the function opens if I move rewrite it this way…although this way myData is undefined?!:
openModal(post) { var docRef = firebase.firestore().collection("posts").doc(post.id) docRef.get().then(function(doc) { if (doc.exists) { console.log("Document data:", doc.data()) const myData = doc.data() console.log("My data:", myData) } else { console.log("No such document!"); } }).catch(function(error) { console.log("Error getting document:", error); }); const mapModal = this.modal.create('MapPage', { data: myData }); mapModal.present(); }
Posts: 1
Participants: 1
@jarv81178 wrote:
Hi, in my code below, I have data in the const myData I am checking it by console logging it out.
I would like to then pass that into my { data } when I create the modal (third line from bottom)
{ data: this.myData }
this is now console logging as undefined when I try to console log it out as this.myData
openModal(post) { var docRef = firebase.firestore().collection("posts").doc(post.id) docRef.get().then(function(doc) { if (doc.exists) { console.log("Document data:", doc.data()) const myData = doc.data() console.log("My data:", myData) } else { console.log("No such document!"); } }).catch(function(error) { console.log("Error getting document:", error); }); const mapModal = this.modal.create('MapPage', { data: this.myData }); mapModal.present(); }
Posts: 1
Participants: 1
@shashwattripath wrote:
I am little confused with documentation.
In documentation to add iOS we need to run
npx cap add iosBut I am not sure what I need to do to add PWA support to my app.
In Capacitor docs https://capacitor.ionicframework.com/docs/web/ it is told that I just need to add below code to make a PWA app. And after build I need to serve my dis folder npx cap serve
import { Capacitor } from '@capacitor/core';But on doing npx cap serve I am not seeing any manifest file or service worker in developer tools.
Am I missing anything?
My capacitor.config.json looks like this
{ "appId": "net.b*********", "appName": "***********", "bundledWebRuntime": false, "webDir": "dist", "ios": { "minVersion": "11" } }Do I need to create my own service worker and manifest files so that splash screen and icons of PWA can be configured or Capacitor itself does that?
Posts: 1
Participants: 1
@mattappium wrote:
Afternoon all
I’m writing some tests for an Ionic app using appium.
I’m confused about the technicalities of why an element’s onchange= and onfocus= aren’t triggered when I use appium / selenium’s SendKeys() to send some text to a text box.
I’m in the NATIVE_APP context when interacting with the app and the text is displayed in the text box once appium / selenium’s SendKeys() method has been called.
Is there something special about the NATIVE_APP context that stops the
keypress()andonFocused()events from being triggered?The HTML for the textarea is;
<ion-textarea id="messageBox" clearInput [(ngModel)]="messageText" [class.moreTextLayout]="moreTextLayout" name="messageText" ngDefaultControl wrap="true" placeholder="Aa" (ionChange)="keypress()" (ionFocus)="onFocused()" ></ion-textarea>
Posts: 1
Participants: 1
@osaaq wrote:
I am trying to build app with feed videos list using HTML5 video tag, and autoplay the video once it is visible at the screen, everything working fine, but I am facing an issue on android the video start playing after 2-4 seconds, I tried all native ionic plugins instead of html video tag, but those plugins are playing the video on fullscreen, Its impossible to play video inside the screen.
Home Page:
<video-box *ngFor=“let video of virtualScroller.viewPortItems” [video]=“video” no-padding>Video Box Component html view:
<video #videoE id="{{video.id}}" loop preload=“auto” playsinline webkit-playsinline=“webkit-playsinline” class=“videoPlayer”>
Video Box Component ts code:
playVideo(video) {this.videoPlayed = true; this.pauseAllVideos(video); this.videoEl.nativeElement.classList.add("open"); this.videoEl.nativeElement.play(); }
Posts: 1
Participants: 1
@alberto14 wrote:
Hi friends, I have a question regarding the DeepLink plugin. I installed it in my project, already installed I want to make the test of calling it from a web page with the following scheme :
appmovil: //
for which you must open the application. But it does not perform any action.
Note: I have installed the google maps plugin, FCM notifications among other plugins, I do not know if any of these is affecting you.
Posts: 1
Participants: 1
@javasol wrote:
Hi. I have a fully functional app that uses it’s own login process and everything else, meaning I’m not using Firebase or anything like that.I just received a new requirement to send notifications to users on demand.
My question is, what is the best way to implement this? And please point to a tutorial or an example that I could use
Thank you
Posts: 1
Participants: 1
@brassier wrote:
I had been using the cordova-plugin-ionic-webview plugin for a few months and all was well. Requests came through with a localhost:8080 origin. I’m now seeing requests come through with a null origin which is breaking my API calls. I have tried this will versions 1.2.1, 2.3.1 and 3.0.0 of the plugin. I’ve also seen it with xcode 9 and 10, and on 2 different iOS devices.
Any thoughts about why this plugin would send null origins? If I remove this plugin things work well, but this plugin has UI and performance benefits. The timing of this announcement is a little interesting - not sure if anything changed in the guts of this plugin? Previous builds I had worked fine - new builds are what started sending null.
Posts: 1
Participants: 1
@jarv81178 wrote:
Uncaught (in promise): Error: Cannot find a differ supporting object '{“created”:… of type string
and lower down it says this: NgFor only supports binding to Iterables such as Arrays
in my .TS file,
public items:any = []; ionViewWillLoad() { const moredata = this.navParams.get('data'); console.log('here we go: '+moredata); this.items = JSON.stringify(moredata) }in my html file:
<ion-content padding> <ion-item text-wrap *ngFor="let item of items"> <h1>testings</h1> <p>{{item | json}}</p> </ion-item> </ion-content>
Posts: 1
Participants: 1
@rbender wrote:
Hi,
I have an Ionic app which is referencing a Cordova plugin that we are developing. The Cordova plugin is referencing an iOS Framework which is created/developed in Swift.
The plugin’s config.xml is like this (note dependency on cordova-plugin-add-swift-support:
... <dependency id="cordova-plugin-add-swift-support" version="1.7.2" /> <js-module name="Native" src="www/Native.js"> <clobbers target="NativeFunction" /> </js-module> <platform name="ios"> <config-file target="config.xml" parent="/*"> <feature name="NativeFunction"> <param name="ios-package" value="NativeFunction"/> <param name="onload" value="true" /> </feature> </config-file> <source-file src="src/ios/NativeFunction.swift" /> <framework src="src/ios/MyCorePlatform.framework" custom="true" embed="true"/> </platform>I’m then trying to reference the framework in my Swift class:
import MyCorePlatform @objc(NativeFunction) class NativeFunction : CDVPlugin { @objc(getVersion:) func getVersion(command: CDVInvokedUrlCommand) { // } }I’m trying this in Xcode, after doing an
ionic cordova prepare ioscommand. When I try and compile, I am getting the following error:Could not build Objective-C module 'MyCorePlatform'Has anyone faced this before and can offer any suggestions?
Posts: 1
Participants: 1
@Taraa wrote:
Hi everyone
I am developing a website (PWA) with ionic and I really need the navigation bar feature
how can i make it happen with ionic?
thanks for answering me
Posts: 1
Participants: 1
@charlescc wrote:
Hello everyone,
I’m updating my ionic 3 app to ionic 4.0.0-rc0 and I’ve been struggling with building my app on iOS with cordova. I am getting the following error in xcode :
Ld /Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/myProject.app/myProject normal armv7 cd /Users/charles/myProject/app4/platforms/ios export IPHONEOS_DEPLOYMENT_TARGET=9.0 export PATH="/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/usr/bin:/Applications/Xcode.app/Contents/Developer/usr/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin" /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/clang -arch armv7 -isysroot /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS11.4.sdk -L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos -L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/FirebaseAuth -L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/FirebaseCore -L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/FirebaseMessaging -L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/GTMSessionFetcher -L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/GoogleUtilities -L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/Protobuf -L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/nanopb -L/Users/charles/myProject/app4/platforms/ios/myProject/Plugins/cordova-plugin-google-analytics -F/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos -F/Users/charles/myProject/app4/platforms/ios/Pods/FirebaseAnalytics/Frameworks -F/Users/charles/myProject/app4/platforms/ios/Pods/FirebaseInstanceID/Frameworks -F/Users/charles/myProject/app4/platforms/ios/Pods/GoogleAppMeasurement/Frameworks -FmyProject/Plugins/cordova-plugin-facebook4 -FmyProject/Plugins/cordova-plugin-firebase -FmyProject/Plugins/cordova-plugin-googleplus -filelist /Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Intermediates.noindex/myProject.build/Debug-iphoneos/myProject.build/Objects-normal/armv7/myProject.LinkFileList -Xlinker -rpath -Xlinker @executable_path/Frameworks -miphoneos-version-min=9.0 -dead_strip -Xlinker -object_path_lto -Xlinker /Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Intermediates.noindex/myProject.build/Debug-iphoneos/myProject.build/Objects-normal/armv7/myProject_lto.o -Xlinker -no_deduplicate -fobjc-arc -fobjc-link-runtime -ObjC -ObjC -lFirebaseAuth -lFirebaseCore -lFirebaseMessaging -lGTMSessionFetcher -lGoogleUtilities -lProtobuf -lc++ -lnanopb -lsqlite3 -lz -framework FIRAnalyticsConnector -framework FirebaseAnalytics -framework FirebaseCoreDiagnostics -framework FirebaseInstanceID -framework Foundation -framework GoogleAppMeasurement -framework SafariServices -framework Security -framework StoreKit -framework SystemConfiguration /Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/libCordova.a -weak_framework ImageIO -framework CoreLocation -framework AVFoundation -framework QuartzCore -framework Bolts -framework FBSDKCoreKit -framework FBSDKLoginKit -framework FBSDKShareKit -framework Crashlytics -framework Fabric -framework GoogleAppMeasurement -framework MeasurementNanoPB -framework FirebaseCore -framework FirebaseAnalytics -framework GoogleUtilities -framework nanopb -framework FirebaseInstanceID -framework FirebaseCoreDiagnostics -framework GTMSessionFetcher -framework FirebaseAuth -framework FirebaseMessaging -framework GoogleToolboxForMac -framework FirebasePerformance -framework Protobuf -framework FirebaseRemoteConfig -framework FirebaseABTesting -lGoogleAnalyticsServices -lAdIdAccess -framework SystemConfiguration -framework CoreData -framework AdSupport -lz -lsqlite3 -framework GoogleAppUtilities -framework GoogleAuthUtilities -framework GoogleNetworkingUtilities -framework GoogleSignIn -framework GoogleSymbolUtilities -framework GoogleUtilities -weak_framework AddressBook -weak_framework CoreText -weak_framework SafariServices -weak_framework Security -weak-lz -weak_framework WebKit -Xlinker -dependency_info -Xlinker /Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Intermediates.noindex/myProject.build/Debug-iphoneos/myProject.build/Objects-normal/armv7/myProject_dependency_info.dat -o /Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/myProject.app/myProject ld: warning: directory not found for option '-L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/FirebaseAuth' ld: warning: directory not found for option '-L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/FirebaseCore' ld: warning: directory not found for option '-L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/FirebaseMessaging' ld: warning: directory not found for option '-L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/GTMSessionFetcher' ld: warning: directory not found for option '-L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/GoogleUtilities' ld: warning: directory not found for option '-L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/Protobuf' ld: warning: directory not found for option '-L/Users/charles/Library/Developer/Xcode/DerivedData/myProject-fbvrdyyslmguorewsigbuivundlb/Build/Products/Debug-iphoneos/nanopb' ld: library not found for -lFirebaseAuth clang: error: linker command failed with exit code 1 (use -v to see invocation)I precise : I am opening the .xcworkspace file.
here is my cordova plugin list
cordova-plugin-camera 4.0.3 "Camera" cordova-plugin-crop 0.3.1 "CropPlugin" cordova-plugin-device 2.0.2 "Device" cordova-plugin-facebook4 4.0.0 "Facebook Connect" cordova-plugin-file 6.0.1 "File" cordova-plugin-firebase 2.0.5 "Google Firebase Plugin" cordova-plugin-firebase-authentication 1.0.1 "cordova-plugin-firebase-authentication" cordova-plugin-firebase-messaging 1.2.1 "FirebaseMessagingPlugin" cordova-plugin-google-analytics 1.8.6 "Google Universal Analytics Plugin" cordova-plugin-googleplus 6.0.0 "Google SignIn" cordova-plugin-ionic-keyboard 2.1.3 "cordova-plugin-ionic-keyboard" cordova-plugin-ionic-webview 2.3.1 "cordova-plugin-ionic-webview" cordova-plugin-market 1.2.0 "Market" cordova-plugin-screen-orientation 3.0.1 "Screen Orientation" cordova-plugin-splashscreen 5.0.2 "Splashscreen" cordova-plugin-statusbar 2.4.2 "StatusBar" cordova-plugin-whitelist 1.3.3 "Whitelist" cordova-plugin-x-toast 2.7.2 "Toast" cordova-sqlite-storage 2.6.0 "Cordova sqlite storage plugin" cordova-support-android-plugin 1.0.1 "cordova-support-android-plugin" cordova-support-google-services 1.2.1 "cordova-support-google-services" es6-promise-plugin 4.2.2 "Promise"here is my ionic info
Ionic: ionic (Ionic CLI) : 4.6.0 (/usr/local/lib/node_modules/ionic) Ionic Framework : @ionic/angular 4.0.0-rc.0 @angular-devkit/build-angular : 0.11.4 @angular-devkit/schematics : 7.1.4 @angular/cli : 7.1.4 @ionic/angular-toolkit : 1.2.2 Capacitor: capacitor (Capacitor CLI) : 1.0.0-beta.13 @capacitor/core : 1.0.0-beta.13 Cordova: cordova (Cordova CLI) : 8.0.0 Cordova Platforms : android 7.0.0, ios 4.5.5 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 18 other plugins) System: ios-deploy : 2.0.0 NodeJS : v10.3.0 (/usr/local/Cellar/node/10.3.0/bin/node) npm : 6.1.0 OS : macOS Mojave Xcode : Xcode 9.4.1 Build version 9F2000I would appreciate a hand with this problem.
Thanks for reading this far
Posts: 1
Participants: 1
@viiskis wrote:
Hi, I’m developing an Ionic v3 app, which connects to an API. I found that call to API fails on Android 7.0 devices, I’m getting SSL handshake failed erro. Anyone else experiencing this issue? I’m using Ionic Native - HTTP plugin.
Posts: 1
Participants: 1
@biswasrajat811 wrote:
I done this stuff below
import { Component } from '@angular/core'; import { NavController,Platform, LoadingController} from 'ionic-angular'; import { SharedService } from '../../providers/sharedservice/sharedservice'; import { Facebook, FacebookLoginResponse } from '@ionic-native/facebook'; import { QuestionPage } from '../question/question'; import { GooglePlus } from '@ionic-native/google-plus'; @Component({ selector: 'page-login', templateUrl: 'login.html', }) export class LoginPage { questionPage=QuestionPage; constructor(public loadingCtrl: LoadingController,public navCtrl: NavController,public platform: Platform,public sharedService:SharedService, public fb:Facebook, private googlePlus: GooglePlus) { } ionViewDidLoad() { console.log('ionViewDidLoad LoginPage'); } fb_login() { // Login with permissions this.fb.login(['public_profile', 'user_photos', 'email', 'user_birthday']) .then( (res: FacebookLoginResponse) => { // The connection was successful if(res.status == "connected") { // Get user ID and Token var fb_id = res.authResponse.userID; var fb_token = res.authResponse.accessToken; // Get user infos from the API this.fb.api("/me?fields=name,gender,birthday,email", []).then((user) => { // Get the connected user details var gender = user.gender; var birthday = user.birthday; var name = user.name; var email = user.email; console.log("=== USER INFOS ==="); console.log("Gender : " + gender); console.log("Birthday : " + birthday); console.log("Name : " + name); console.log("Email : " + email); // => Open user session and redirect to the next page this.navCtrl.push(this.questionPage);//I have to send data to this page }); } // An error occurred while loging-in else { console.log("An error occurred..."); } }) .catch((e) => { console.log('Error logging into Facebook', e); }); } //My google logini code start g_login(){ if(this.platform.is('ios')){ this.googlePlus.login({}) .then(res => console.log(res)) .catch(err => console.error(err)); }else{ this.googlePlus.login({ 'webClientId': '475327090145-i5v3qk3dj7srfttgtdj7gbmmkhj6s7vr.apps.googleusercontent.com' }) .then(res => console.log(res)) .catch(err => console.error(err)); } } //My google logini code End }Error I got
Error Code 12500
Posts: 1
Participants: 1
@salomon022 wrote:
Hi, help me in this.
this.fevProvider.fevPage().then((d)=>{alert(d)});fevPage() { return "test value"; }
Posts: 1
Participants: 1
