Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all 49299 articles
Browse latest View live

Problem creating project in Ionic Studio


How to set the width of a ion-segment-button?

$
0
0

@trollanfer wrote:

In the shadow-dom css properties, we can’t access it ?

Is there a way to set the width ? It’s too wide for me.

Posts: 1

Participants: 1

Read full topic

Ion Picker column Interrupted

Ionic run stuck at Starting a Gradle Daemon, 3 busy Daemon could not be reused

$
0
0

@meruc wrote:

I have two project with ionic 3 and 4 and whenever i run ionic cordova run android it always stucks at Starting a Gradle Daemon, 3 busy Daemon could not be reused, use --status for details.

when running gradle --status nothing happens but the output `

IDLE`

i updated nodejs, gradle, java/jdk and other paths but still same situation.
for iOS everything works perfectly.

here is my ionic info:

Ionic:

   Ionic CLI          : 5.4.15
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.4

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.1.0, ios 5.1.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.0.5, cordova-plugin-ionic-webview 2.3.1, (and 14 other plugins)

Utility:

   cordova-res : not installed
   native-run  : 0.3.0

System:

   Android SDK Tools : 26.1.1 (/Users/chaouimar1/Library/Android/sdk)
   ios-deploy        : 1.10.0
   ios-sim           : 8.0.2
   NodeJS            : v12.14.1 (/usr/local/bin/node)
   npm               : 6.13.7
   OS                : macOS Mojave
   Xcode             : Xcode 11.3.1 Build version 11C504

I googled the problem for days with no sulution.

Thanks for help.

Posts: 1

Participants: 1

Read full topic

Ionic help creating app

$
0
0

@themepark wrote:

There is a JavaScript library on GitHub from which I want to make both web and Android app, I successfully created a tabs project and installed the npm package of themeparks library in node modules of my project.
Can someone please guide me what I do next, I only have basic html and css knowledge but I really want to complete this project as my first ionic app.

Links;


Posts: 1

Participants: 1

Read full topic

Error en ionic cordova build android

Token verification with headers

$
0
0

@Rotschaedl wrote:

I need to send my jwt Token with the headers and it works fine in Postman but when i try it in Ionic with that Code.

ync setAnzahlTische() {
    var headers = new Headers();
    headers.append('Accept', 'application/json');
    headers.append('Content-Type', 'application/json' );
    this.storage.get('token').then((val) => {
      headers.set('Authorization', val);
    });
    headers.append('Access-Control-Allow-Origin', '*');
    headers.append('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
    headers.append('x-Trigger', 'CORS');

    let tos = JSON.stringify(postData);

    this.http.post('http://127.0.0.1:8000/updatedata', tos, {responseType: 'text'})
        .subscribe(data => {

            this.router.navigate(['/home']);

        }, error => {
            console.log(error.message);
        });
    }

I have shortened the Code a little bit but the important things are still there. I get Access denied when i try to do the http.post but the JWT token is valid. I think the headers are undefined but im not sure.

Posts: 1

Participants: 1

Read full topic

Navigation not works sometimes on ionic 3 push or setroot

$
0
0

@samadhan wrote:

Using ionic browser build deployed app, navigations are not working sometimes. Nothing is happening on click

Posts: 2

Participants: 2

Read full topic


Ion-select - ngModel - number not allowed

$
0
0

@jf1 wrote:

Using ion-select with [ngModel] required value to be a string.
Model property is integer.
I have to create a property strModelProperty in my Page as NgModel réference and then on save function transform my string to number.
Any ideas ?
Best regards

Posts: 3

Participants: 2

Read full topic

Loading don't show in Android 5

$
0
0

@victorgt wrote:

I have this code:

showLoader() {
    this.loaderToShow = this.loadingCtrl.create({
      message: 'Autenticando...'
    }).then((res) => {
      res.present();

      res.onDidDismiss().then(() => {
        console.log('Loading dismissed!');
      });
    });
  }

and in android 6+ works perfectly, but in Android 5, don’t show the loading.

any ideas to solve it

Regards

Posts: 3

Participants: 2

Read full topic

URL API Rest

$
0
0

@jorgewaliaga wrote:

Un favor, tengo el siguiente problema: Mi app llama Api Rest normalmente cuando en mi URL se encuentra en localhost, pero cuando coloco la dirección web de mi web hosting no llega a funcionar.
Lo raro es cuando lo llamo haciendo referencia a las api en mi local todo llega a funcionar,
this.http.post(‘http://jorgealiaga.000webhostapp.com/web_demo/login.php’, data)

     /*this.http.post('http://localhost/web_demo/login.php', data)*/

Y la base de dato se actualiza en el servidor del web hosting,

Posts: 1

Participants: 1

Read full topic

Android app icons tranparent issue

$
0
0

@lsantaniello wrote:

hi all,
I have an issue with some android device. App Icon has background with but I want transparent background

any advices?

thanks

Posts: 1

Participants: 1

Read full topic

IONIC 5, CSS works in the browser but does not work in the phone

Model-viewer component not displaying until window resize

$
0
0

@et-digital wrote:

Hi there,

I am trying to use the Model Viewer web component (developed by Google) in an Ionic PWA - see links below.

Everything works great on Chrome (tested on windows, mac and android) but Safari (mac and ios) has some weird behavior: The component loads but you can’t see anything until you resize the window. On Safari (mac) if you resize the window a little the component suddenly appears. On Safari iOS if you tap in the address bar (as if you’re going to navigate to a new website) then hit cancel - the component suddenly appears!

I’m including the scripts (from a CDN) in the index.html file like so:

<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
<script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>

My usage looks like this:

<model-viewer 
    id="viewer"
    ar ar-scale="auto"
    src="path to my model" 
    alt="Name of my model" 
    auto-rotate 
    camera-controls 
    background-color="#e0e0e0"
    ios-src="path to my ios model">
</model-viewer>

My NgModule includes this (in order to get the custom component to work):

schemas: [CUSTOM_ELEMENTS_SCHEMA]

Anyone have ideas as to what could cause this?

The modelviewer examples (from the first link below) seem to work fine in all the browsers that I’ve tested. So I’m assuming that there’s some quirk on the Ionic side that I need to figure out.

Thanks,

https://modelviewer.dev/

Posts: 1

Participants: 1

Read full topic

Ionic 3 - IOS APNS notification not passing data from Lock Screen to App

$
0
0

@InfantJoseph wrote:

My Ionic 3 IOS application receives APNS and the same is listed in status bar if the device is locked. On tap of the notification item, I have written a logic to perform. But it is not working. Below is the code snippet.

pushObject.on('notification').subscribe((notification: any) => {
    if (notification.additionalData.TYPE === 'APPROVAL') {
           navCtrl.setRoot(HomePage, { message: notification, type: "Approval" });
    }
    else {
           navCtrl.setRoot(HomePage, { message: notification, type: "Notification" });
    }
}  

On tap of notification from IOS device lock screen, it opens the application but the data I pass were not available.

If the application is minimised and on tap of notification from status bar, it carries the data and the process is clear without any issues. But if the application is killed from background and tap of notification from status bar, it does not carry the data.

IOS version:- 13.3.1

Ionic version :- 3.20.0

Ionic push notification plugin :- 2.3.0 - https://ionicframework.com/docs/v3/native/push/

(Recently updated the push notification plugin for the breaking changes in getting APNS token)

Posts: 1

Participants: 1

Read full topic


Use Script to connect with web api after build

$
0
0

@Rami1706 wrote:

Hi, I made an application with ionic3 for browser that uses web api, the problem is that every client will have the web api on their own server (which means different URL for each web api) I’m wondering if there is any method or script to give the client access to change the URL on the ionic part after building the application.

Posts: 1

Participants: 1

Read full topic

Backing up ionic project

$
0
0

@Mothbeard wrote:

Hello,

I am wondering what people think is the best place to back up my ionic application. I know I will probably be recommended github, but would like to get some opinions.

Security is a big issue for me, and my project is quite large.

Maybe people could share their best practices for backing up too??

Posts: 1

Participants: 1

Read full topic

Error: Java exception was raised during method invocation Android 10

$
0
0

@Tamsel wrote:

I am using iframe inside the app, but after closing the iframe page it does not allow me to access
camera and native plugins
But this happens only in android 10

Got this error
Error: Java exception was raised during method invocation
at androidExec (cordova.js:960)
at Object.cameraExport.getPicture (Camera.js:156)
at callCordovaPlugin (vendor.js:95327)
at vendor.js:95353
at vendor.js:78428
at new t (polyfills.js:3)
at tryNativePromise (vendor.js:78427)
at getPromise (vendor.js:78435)
at wrapPromise (vendor.js:95336)
at Camera. (vendor.js:95490)
at Camera.value [as getPicture] (vendor.js:196090)
at AddPostFeedComponent.webpackJsonp.646.AddPostFeedComponent.captureIOSImage (main.js:9163)
at Object.handler (main.js:9140)
at AlertCmp.btnClick (vendor.js:79294)
at Object.eval [as handleEvent] (AlertCmp.html:1)
at handleEvent (vendor.js:13609)
at callWithDebugContext (vendor.js:15094)
at Object.debugHandleEvent [as handleEvent] (vendor.js:14681)
at dispatchEvent (vendor.js:10058)
at vendor.js:10672
at HTMLButtonElement. (vendor.js:33170)
at HTMLButtonElement.wrapped (vendor.js:244576)
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (vendor.js:4974)
at t.invokeTask (polyfills.js:3)
at r.runTask (polyfills.js:3)
at e.invokeTask [as invoke] (polyfills.js:3)
at p (polyfills.js:2)
at HTMLButtonElement.v (polyfills.js:2)

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

Using Zlib

$
0
0

@sergiosmail wrote:

Hi guys

I’m strugling my self trying to make it work with Zlib library and unzip method.

Basically I’ve created an Ionic v4 blank application and import Zlib library:

import { Component } from '@angular/core';
import * as zlib from 'zlib';
import { Buffer } from 'buffer';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  constructor() {
     test_zlib();
  }

  test_zlib() {   
    const input = '.................................';
    zlib.deflate(input, function(err, buffer) {
      if (!err) {
        console.log(buffer.toString('base64'));
      }
    });
  }
}

Running the example using nodejs console is ok, but running ionic serve, navigator triggers an error showing:

core.js:9110 ERROR Error: Uncaught (in promise): ReferenceError: Buffer is not defined
ReferenceError: Buffer is not defined
at Object…/node_modules/core-util-is/lib/util.js (util.js:103)
at __we

Are you so kind to check it and let me know what I’m doing wrong?

Posts: 1

Participants: 1

Read full topic

Requesting a feature like stories in ionic 4

$
0
0

@ganeshpaul999 wrote:

Hi,
I’ve searched google, ionic forums and many websites but i didn’t found any plugins for stories like insta stories or fb stories or whatsapp stories for ionic 4. Do we have any plugin like that currently, if yes please provide the link.

#brandyshea, #mhartington

Posts: 1

Participants: 1

Read full topic

Viewing all 49299 articles
Browse latest View live


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