[ionic] Forum Topics

Hello I want to send multiple values from a to an api function. on the db i store the values in text format. The value that is stored is array on the Swal alert, I am getting [object object] but i want to get each value e.g. Painting or Graphic …

Hello i have an Angular 12 project and i want to retrieve all results in artisticBehaviour (except those who are NULL or same e.g. Actor, Actor) column in Users table. ts function that i call all users from Users table. allArtistsSet() { this.userData.allArtists(this.offset).pipe( map((data: any) => { if (data.success) { …

Hello i have a Ionic Angular project with PHP as backend. I created a search for users but in order for the project to run more faster i put a LIMIT of 20 users in the php function that calls the users and call the next 20 with an Angular …

Hello i want to add external .js files into my Ionic Angular Project Ionic CLI : 5.4.16 (/usr/local/lib/node_modules/ionic) Ionic Framework : @ionic/angular 5.2.3 @angular-devkit/build-angular : 0.901.11 @angular-devkit/schematics: 9.1.11 @angular/cli : 9.1.11 @ionic/angular-toolkit: 2.3.0 Utility: cordova-res (update available: 0.15.2) : 0.15.1 native-run (update available: 1.3.0) : 0.3.0 I created a js …

Hello i want to be able to change the primary, secondary etc $colors variables in Ionic 3 in order to implemeny dark mode. variable.scss $primary-color: #333!default; .dark-theme { $primary-color: whitesmoke ; } $colors: ( primary:$primary-color, ) So using Sass !default is like adding an “unless this is already assigned” qualifier …

This must be a very simple thing, but I am well and truly stuck: how to manipulate an observable array in ionic/ Angular/Typescript? The HTTP call gets the array just fine, but I want to filter and display only the five most recent events (against an "eventdate" value in the …

 I want to make a grid with different column sizes ('ITEM = V' covers all width 'ITEM A' or 'P' or 'T' cover each 50 percent of the grid width), as shown in the image. Any help? CSS .newspaper1 { columns: 100% 1; border-style:solid } .newspaper1 { columns: 2; …

Helloi want to put a play/pause button on a html5 video tag. Any suggestions?

Hello i am using Ionic 3 and Angular 5. Does anyone has an example for displaying items in different ion-cols (col-6, col-8,col-12)? Pinterest wise?

I have a search script that a user may search persons etc. I want to display a message if what he or types doesn't exist in the array. By default, I display some results and it displays the desired person when one writes on searchbar. but I want to show …

Hello i want to make a button that mutes and unmutes sound in html5 <video> tag. Here what i have so far. Sadly it doesnt work .ts soundOnOff() { let audio = document.getElementById('muteSound') as HTMLMediaElement audio.muted = true; } html <button onclick="enableMute()" type="button">Mute sound</button> <video id="muteSound" muted="true" playsinline autoplay loop …

Which phone is compatible for OTG in SAMSUNG

Hello i want to make a gradient header on ion-navbar on my ionic 3 project. home.html `<ion-header><ion-navbar color="primary">` variables.scss `$colors: ( primary: linear-gradient(red, yellow),` This doesnt work. color="primary" works if i put a single color value (e.g. #333) Any idea how to make it gradient?

I want to pass a value (0 or 1) to another page so i can make an ng if to return a different button. Any help? do i need to pass a parameter from .ts file? first page.html <button ion-tem (click)="goUsers()" *ngIf="editors.length == 0" value="0"> <ion-label> Add editors </ion-label> </button> …

Hello i want to create a script that allows the user to use the device mic and record audio, then display it using Typescript (.ts) file. Here is what i have so far. home.ts import { Component, ViewChild } from "@angular/core"; import { NavController, App, AlertController, Platform } from "ionic-angular"; …

I have a web app already running on the web. It is web responsive. I want to make update of it. I hear good things about Ionic and i started working on Ionic 3 with Angular. Its almost finished. Now i need help to sinish and publish it. I wanna …

Hello i have a Ionic Angular project. I haven't changed any of my files and i am getting an error `data is null` after `ionic serve` That means that i can't connect to my database. I havent made any changes on the database or change any of my files. Any …

Friends, I am using web service and forms for a number of situations in my project. But now when I try to use same strategy the data is not provided by the provider function. It gives ‘null’ value always. But I can see the value in chrome web console. page.ts …

Hello i made a ionic searchbar script returns the items[] ok but i want to connect it with my php authservice and return the results from a php function. I already connected my app with the authservice and i have returned JSON data in other pages so the authservice works …

Hello i want to pass the user id (uid) from the home page to a user Details Page. Because i display multiple users on my home page i don’t wan to pass the user session id (as given by the `JSON.parse(localStorage.getItem("userData"));` ), i want to click on the name of …

Friends, I have a search list as shown in image below  When clicking on a result i need to show that detaIls on same place without going to another page ( like ajax in web) . I click first row in search result got that details as shown …

Hello i have a problem with my Ionic App. I am using typescript files. I am getting console log `No Access` that means there is a problem with `resposeData`. Any hint? I am really stuck home.ts file import { Component, ViewChild } from "@angular/core"; import { NavController, App, AlertController } …

Hello i have a problem working with Camera on Ionic and i need some advice. I have installed both ionic camera and media capture plugins. I am using two scripts one to capture Video (Start Reocording) and one to capture a Photo (Take Photo) I am getting the errors displayed …

Hello, i am trying to do an Ionic app and i am getting an error. Any suggestion? Runtime error this.file.documentsDirectory is null [194]/HomePage.prototype.startRecord@http://localhost:8100/build/main.js:80:13 View_HomePage_2/<@ng:///AppModule/HomePage.ngfactory.js:36:19 handleEvent@http://localhost:8100/build/vendor.js:13608:132 callWithDebugContext@http://localhost:8100/build/vendor.js:15093:39 debugHandleEvent@http://localhost:8100/build/vendor.js:14680:12 dispatchEvent@http://localhost:8100/build/vendor.js:10057:16 renderEventHandlerClosure/<@http://localhost:8100/build/vendor.js:10671:38 decoratePreventDefault/<@http://localhost:8100/build/vendor.js:36353:53 F</l</t.prototype.invokeTask@http://localhost:8100/build/polyfills.js:3:15649 onInvokeTask@http://localhost:8100/build/vendor.js:4973:24 F</l</t.prototype.invokeTask@http://localhost:8100/build/polyfills.js:3:15562 F</c</r.prototype.runTask@http://localhost:8100/build/polyfills.js:3:10815 F</h</e.invokeTask@http://localhost:8100/build/polyfills.js:3:16787 p@http://localhost:8100/build/polyfills.js:2:27646 v@http://localhost:8100/build/polyfills.js:2:27893 home.html <ion-header> <ion-navbar> <ion-title> Sound Recorder & Player </ion-title> </ion-navbar> </ion-header> <ion-content padding> …

Hello i want to make a script in Ionic 3 to capture audio and video from device. index.html `<button ion button (click)="captureApp()" id="captureAudio">Capture Audio</button>` index.ts document.addEventListener("deviceready", onDeviceReady, false); function id(element) { return document.getElementById(element); } function onDeviceReady() { navigator.splashscreen.hide(); captureApp = new captureApp(); captureApp.run(); } function captureApp() { } captureApp.prototype = …

Hello i just started to use Ionic and i have some questions. First of all i downloaded an existing ionic project on GitHub to start. I do these commands and works fine. $ git clone https://github.com/srinivastamada/ionic-restful-authentication.git $ cd ionic-restful-authentication $ npm install $ ionic serve The project starts at localhost:8100 …

Hello i am getting these error node sass could not find a binding for your current environment windows 64-bit with unsupported runtime (59) when i am typing `ionic serve` on my command prompt does anyone knows how can i fix it?

Hi Guys, I'm after a user interface element for ionic that operates like a cross between a range slider http://ionicframework.com/docs/components/#range and spinner. Essentially the 'button' or tag that you would drag from side to side in a range needs to stay in the middle, but as you swipe, the scale …

Hi Guys, I've been playing around with Angular and Ionic tutorials and I'm attempting to put together things I've learnt from different tutorials to build a simple NPR audio player. I have a really really anoying issue with ng-show/ng-hide... Basically, in the bottom left hand corner of my application I …