@habeeb1998 wrote:
google native maps works perfectly until i add a sidemenu to the home page.
im using ionic 4
Posts: 1
Participants: 1
↧
Google native maps is blank when i add sidemenu
↧
*ngFor ion-select, value then selected used to populate next ion-select menu on same page
@jamesRoss wrote:
I populate the first drop-down menu using *ngFor, then send the value to a PHP API to get the list of students in the class selected. I do recieve the information, as displayed in the console.log, but cannot seem to get the names listed in the second drop-down menu, which is the aim!
<form (submit)="confirmClasse($event, $classes)"> <ion-list ng-app="myApp"> <ion-select type="text" id="classe" name="classe" (ionChange)="onSelectChange($event)" placeholder="Selectionnez la classe" class="inputBox" #classe> <ion-select-option *ngFor="let classe of classes; let i = index" [value]="">{{ classe.classe }} </ion-select-option> </ion-select> <br> </ion-list> </form> <form (submit)="createRdv($event)"> <ion-list> <ion-select type="text" id="names" name="names" class="inputBox" #names> <ion-select-option *ngFor="let name of names" [value]="">{{ name.nom }}</ion-select-option> </ion-select> <br>Is it a problem with my HTML? Or am I missing something more important?
Any help will be greatly appreciated.
Posts: 1
Participants: 1
↧
↧
Strange DOM Bug with ion-content
@nextgencodecompany wrote:
I have a project that seems to have a DOM glitch and I have no experience on how to even debug this… Basically, after either tapping on the navbar or opening and closing the menu (not consistent so I can’t figure out the exact cause), the ion-content is stuck and can’t be scrolled - I’ve only found this on iOS safari iphoneX. Yet when I look at developer tools, all of the elements, when highlighted, are moving exactly as they should be… it’s like the DOM took a snapshot and then forgot to update the screen. And then randomly it will come back to life after a few seconds of tapping it.
Any ideas on how to debug this?
Dev project is hosted at dev.vetgraft.com
Posts: 1
Participants: 1
↧
No keyboard event when "next" key is pressed in a form?
@sirdas wrote:
Hello,
I have a form in which I can press “Next” on the soft keyboard to switch focus the next input (this seems to be a built-in feature, not custom). What I’ve noticed is that there is no keydown event being triggered for the “Next” key press. Only blur is being triggered. On the last input, the “Enter” key shows and when pressed the keydown event does get triggered. Is there a reason why “Next” doesn’t directly trigger anything that could be listened to?
I’m using an Android phone to test this and unsure if iOS is any different.
Thanks
Posts: 1
Participants: 1
↧
Ionic 4 plugin
@mohdairin78 wrote:
@Cordova and @Plugin… produce some error in v4, while in v3 have no issue with it, im facing this issue while migrating to v4
Posts: 1
Participants: 1
↧
↧
I need video player with subtitle
@hussein4alaa wrote:
hello my friends
i need video player can play video with caption
please
Posts: 1
Participants: 1
↧
Sqlite length of row is receiving but not with data in ionic 4
@dj4385 wrote:
I am trying to create the CRUD application using sqlite. But data is not coming not length is showing in console.
devName : any =
showData(){
this.sqlite.create({
name: ‘data.db’,
location: ‘default’
}).then((db:SQLiteObject)=>{db.executeSql('Select * from danceMoves',[]) .then(data=>{ console.log("Result",data) // console.log(data.rows.length); if (data.rows.length > 0) { for (var i = 0; i < data.rows.length; i++) { let item = data.row.item(i).name this.devName.push(item); console.log("dev",this.devName) } } }).catch(err=>{ console.log("query err",err) }) }).catch(err=>{ console.log("show fun error",err) })}
Posts: 1
Participants: 1
↧
Avi and wmv video format not working with video tag in ionic3?
@RomnEmpire wrote:
Hii team,
I have used HTML idea tag for show video in html it’s not working with avi and wmv video format but another mp4 it’s working…any idea…why not working??
Posts: 1
Participants: 1
↧
Loading Dynamic Modules
@Sushil-Tango wrote:
how can I achieve the functionality of loading dynamic modules during run time in ionic app. my module will be hosted in server in a single umd.js and during run time my app should pull the module and load it .
how can i achieve this in ionic app? Please share some ideas.
Posts: 1
Participants: 1
↧
↧
Error - The Item that you were attempting to purchase could not be found
@EuanDScott wrote:
Hey All
I am trying to implement a subscription service in my Ionic 4 app. I am able to get the products from the play store, but when I try to subscribe to one of the products, I get the following: Error - The Item that you were attempting to purchase could not be found.
Your code / steps to reproduce
In the app.component.ts, I call the InAppPurchase.getProduct() method and all products are returned.
this.iap.getProducts([. . . products . . .]) .then((products: InAppProductVO[]) => { console.log("Purchased Products: ", products); }) .catch((err) => { console.error("Failed to get purchases products", err); return Promise.reject(err); })Then, when the user selects a subscription option, I do a check (still in progress, always fails) to see if they already have an active subscription. If not, I call the subscribe method.
this.iap.subscribe(productId) .then((product) => { // Don't get here :( }) .catch((err) => { console.error(`Unable to purchase subscription - ${productId}: `, err); return loading.dismiss() .then(() => { return Promise.reject("You need to purchase this content to view it."); }); })Console output
I get the following on the device and no error messages returned in console.
Type of product you are working with consumable/non-consumable/subscription
Product Type: Subscription
Version of cordova
Cordova CLI : 8.1.2 (cordova-lib@8.1.1)
Ionic CLI : 5.2.3Version of iOS/Android
Android: 6.0.0
Additional Info
All my products are marked as active on the play store.
Billing is activated and an APK with the billing key has been uploaded and is published on the store.I have tested the IAP (in-app-purchases) on multiple devices after Iwas able to get it to work on my bosses phone (FYI: Same code)
Working Devices:
- Samsung s10 - Android 9.0, OneUI 1.1
Devices that aren’t working:
- Samsung s8 - Android 9.0, OneUI 1.0
- Huawei p9lite - Android 6.0, EMUI 4.1.3 (my device)
- Samsung J5 Prime - Android 7.0, Samsung Experience 8.1
When it started to work on my bosses s10, I thought that it may have to do with the Huawei ban, but after not being able to get the IAP to work on 2 other Samsung’s, I do not believe that it is the issue after all. I shall continue to test and try different things and shall comment any findings here.
Has anybody had this error before and how were you able to resolve it?
Any help with this would be much appreciated.FYI, this is a copy of the following Github issue of Alex Disler’s plugin. I am posting here to get it everywhere possible in the hope it will reach as many people as possible
.
.Posts: 1
Participants: 1
↧
Google drive and Firebase Google auth info
@contrasto97 wrote:
Hi, i have an app with google auth configured with firebase. can i use the token generated by firebase to access google drive documents?
Posts: 1
Participants: 1
↧
Open a PDF url in InAppBrowser plugin ionic 3
@pksquare wrote:
Hi, i have a url that open a pdf in browser but when i try to open that url through In App Browser plugin in ionic 3 blank page is showing. It also didnot gave any error.
let options: InAppBrowserOptions = { location: 'yes', hideurlbar: 'yes', hidenavigationbuttons: 'yes', clearcache: 'yes', clearsessioncache: 'yes', closebuttoncaption: 'Close', zoom: 'no', closebuttoncolor: '#888888' }; const RESULT_BROWSER = this.iab.create(urlForPdf, '_blank', options); RESULT_BROWSER.show();This is the code i am using
Posts: 1
Participants: 1
↧
Serverside Rendering (Angular Universal)
@olivero wrote:
I need serverside rendering for SEO in one of my apps. With the feature mention:
ssr: add @ionic/core/hydrate app in ionic 4.7 nitrogen I was very hopeful. I created a new tabs project and added Angular Universal like this:
ng add @nguniversal/express-engine --clientProject app
but when I try to runnpm run build:ssr && npm run serve:ssr
I get window reference errors:const win = window; ^ ReferenceError: window is not definedionic info:
Ionic: Ionic CLI : 5.2.3 (/usr/local/lib/node_modules/ionic) Ionic Framework : @ionic/angular 4.7.1 @angular-devkit/build-angular : 0.801.2 @angular-devkit/schematics : 8.1.2 @angular/cli : 8.1.2 @ionic/angular-toolkit : 2.0.0 Utility: cordova-res : not installed native-run : 0.2.7 (update available: 0.2.8) System: NodeJS : v10.13.0 (/usr/local/bin/node) npm : 6.10.2 OS : macOS MojaveMaybe I’m doing something wrong? Thanks!
Posts: 1
Participants: 1
↧
↧
Load tabs dynamiclly in ionic
@pt2609 wrote:
I’m trying to load tabs dynamically as per category name but it gives error invalid views to insert
.html code
<super-tabs scrollTabs="true" *ngIf="tabsLoaded"> <super-tab *ngFor="let item of subcategorytitless" [root]="GeneralPage" [title]="item.category_name"></super-tab> </super-tabs>.ts code
this.authService.showchecklistrecord(this.userData).then(result => { this.responseData = result; this.tabData = this.responseData.subcategorytitles; this.aa = this.tabData; this.subcategorytitless = this.aa; for (let i = 0; i < this.subcategorytitless.length; i++) { this.tabname = this.subcategorytitless[i].category_name; console.log("tab name", this.tabname); this.pages = { [this.tabname]: GeneralPage } this.tabsLoaded = true; } // this.tabsLoaded = true; }, (err) => { //Connection failed message // this.showError(err); });i got the category name (tabname) randomly means as per click on list i got 3 or 4 or 2 category and i want to load that category in tabs dynamically, stuck with this problem please help me…
Posts: 1
Participants: 1
↧
{ionic 4} ion-select,ionic-select option
@ratneshshukla wrote:
how to add functionallity for selectAll option in ion-select? .Please Explain.
Posts: 1
Participants: 1
↧
Ionic 4 ion-select open popover event
@Vandem wrote:
hi there,
we are building a navigation system in ionic 4 using several ion-select elements that we want to open right after the other. So with every click on an ion-select-option we call the open() method for the next ion-select element.
We have to use an event as a parameter for the open method in order to get a popover instead of an alert list.
this.structureSelectRef.open(event)The problem is that the event has to have the next ion-select as a target like shown in this picture:
So the question is: how do we create such an event programmatically?
We tried something like this:
let customEvent = new UIEvent("UIEvent", { detail: 2 });But we couldn’t set the target or position for the event, so the popover was appearing in the middle of the screen.
Any help or suggestion would be appreciated.
Posts: 1
Participants: 1
↧
Webstites that i entered is not appearing in themableBrowser
@dogac wrote:
constructor(public barcodeScanner: BarcodeScanner, public themableBrowser: ThemeableBrowser){} openBrowser( ){ const options: ThemeableBrowserOptions = { toolbar: { height: 44, color: '#f0f0f0ff' }, title: { color: '#003264ff', showPageTitle: true, staticText: 'staticText' }, backButton: { image: 'back', imagePressed: 'back_pressed', align: 'left', event: 'backPressed' }, forwardButton: { image: 'forward', imagePressed: 'forward_pressed', align: 'right', event: 'forwardPressed' }, closeButton: { image: 'close', imagePressed: 'close_pressed', align: 'left', event: 'closePressed' }, customButtons: [ { image: 'share', imagePressed: 'share_pressed', align: 'right', event: 'sharePressed' } ], menu: { image: 'menu', imagePressed: 'menu_pressed', title: 'MenuTitle', cancel: 'Cancel', align: 'right', items: [ { event: 'helloPressed', label: 'Hello World!' }, { event: 'testPressed', label: 'Test!' } ] }, backButtonCanClose: true }; const browser: ThemeableBrowserObject = this.themableBrowser.create( 'https://ionic.io', '_blank',options); browser.on('closePressed').subscribe(res => { browser.close(); }) }here is the
home.page.ts,and i installed latest version of themableBrowser then added array of providers. However, while i can see title name, the website content does not appear whichever site i wrote in create function. Moreover, when i try to generate in browser i can see websites content. Unfortunately, themableBrowser is not testable in the browser.
How can i figure the problem out?Doğaç
Posts: 1
Participants: 1
↧
↧
Change ion-toolbar height when inside ion-header
@vespinasgmailcom wrote:
Is there a way to change the ion-toolbar height when placed inside a ion-header? I want to add a 2nd toolbar in the header to place the current user’s info, some status icons, etc, but I want that 2nd toolbar to be aproximatelly 50% of the normal toolbar height. I’ve tried with height and max-height and the toolbar’s height is actually affected, but it stills apply some kind of padding or margin to the elements included in the toolbar (despite having padding: 0px and margin: 0px).
This is the markup with no styling:
<ion-header> <ion-toolbar color="light"> <ion-buttons slot="start"> <img src="/assets/logo.png" class="app-header-logo"/> </ion-buttons> <ion-buttons slot="end"> <ion-title>{{caption}}</ion-title> </ion-buttons> <ion-buttons slot="end"> <ion-button (click)="showOptionsMenu()"> <ion-icon slot="icon-only" name="more"></ion-icon> </ion-button> </ion-buttons> </ion-toolbar> <ion-toolbar color="dark"> <ion-buttons slot="end"> <ion-text style="font-size: 80%;" color="light" >(full user name)</ion-text> <ion-icon style="margin-left: 10px;margin-right: 10px;" color="light" slot="icon-only" size="small" name="contact"></ion-icon> </ion-buttons> </ion-toolbar> </ion-header>And this is what that looks like:
When I applied this styling to the 2nd toolbar:
<ion-toolbar color="dark" style="max-height: 25px;padding: 0px !important;margin: 0px !important;"> <ion-buttons slot="end"> <ion-text style="font-size: 80%;" color="light" >(full user name)</ion-text> <ion-icon style="margin-left: 10px;margin-right: 10px;" color="light" slot="icon-only" size="small" name="contact"></ion-icon> </ion-buttons> </ion-toolbar>This is the result:
Any ideas?
TIA
Posts: 1
Participants: 1
↧
How to append values to ion-textarea like jQuery append() Method
@jefredallan wrote:
I’m new to ionic, angular. The method below just changes the content of the whole text-area. I want to append values to it like jQuery append() Method.
<ion-textarea formControlName="message" spellcheck="form" placeholder="write here...." auto-grow rows="2" [value]="appendedValue" > </ion-textarea>
Posts: 1
Participants: 1
↧
Nested ion-fab & ion-fab-lists
@terrorb1ade wrote:
Hello,
After I migrated from v3 to v4, ion-fab inside ion-fab with ion-fab-list no longer work.
Basicly what I want is to have a set of options open horizontally, after the fab-list which opens vertically<ion-fab horizontal="end"> <ion-fab-button>Options</ion-fab-button> <ion-fab-list side="top"> <ion-fab-button>Opt #1</ion-fab-button> <ion-fab-button>Opt #2</ion-fab-button> <ion-fab-button>Opt #3</ion-fab-button> <ion-fab> <ion-fab-button>Nested opt</ion-fab-button> <ion-fab-list side="start"> <ion-fab-button>Nested item #1</ion-fab-button> <ion-fab-button>Nested item #2</ion-fab-button> <ion-fab-button>Nested item #3</ion-fab-button> </ion-fab-list> </ion-fab> </ion-fab-list> </ion-fab>Clicking the Options button will also open the Nested fab list, which is not desired. Any ideas on how to achive this is great appreciated
Posts: 1
Participants: 1
↧