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

Slides Component Easing

January 9, 2019, 8:27 am
$
0
0

@synapsid wrote:

This was asked before about two years ago, wondering if two years later Ionic has any support for a custom easing function when using the .slideNext() method?

Posts: 1

Participants: 1

Read full topic

↧
Search

Where is the addInput() method of Alert

January 9, 2019, 9:28 am
$
0
0

@brunofoafonso wrote:

I’m migrating my ionic-v3 code to ionic-v4 and I’m not able to find some methods of Alert and Loading that I use in ionic-v3 like alert.addInput() and loader.setContent(). How can I use this methods on ionic-v4?

Posts: 1

Participants: 1

Read full topic

↧
↧

Which version of Ionic am I using?

January 9, 2019, 9:42 am
$
0
0

@setu1421 wrote:

I am very much new to Ionic. I am little bit confused about whether my ionic application is of Ionic 3 or Ionic 4. This is what i get from ionic info of my project.

image
image.png974x433 13.2 KB

My Ionic CLI is 4.4.0 and Ionic Framework is 3.9.2.

What both of them mean? Am i using Ionic 3 or Ionic 4?

Posts: 2

Participants: 2

Read full topic

↧

Ionic cordova vulnerability update

January 9, 2019, 10:21 am
$
0
0

@aslan123 wrote:

Hi,

I received the email about the cordova vulnerability here

I followed the update instructions by running the update in the main directory but I got the error “Current working directory is not a Cordova based project”.

I had installed cordova globally and have projects in Ionic 3.

How can I do the update requested to remove the vulnerability?

Thank you.

Posts: 1

Participants: 1

Read full topic

↧

Custom Directive not loaded in Custom Component

January 9, 2019, 10:31 am
$
0
0

@glenntws wrote:

Hello Guys,

i’m using two custom directives inside a custom component, but when implementing the component, the directives are not loaded when i open the page.

I have a custom component called SearchUIComponent which simply contains a HTML tree which i want to use in multiple pages. The elements in the HTML are accessing the two directives ScrollFlyoutDirective and ShowSearchUIDirective.

To use the component in multiple pages, i created a SearchUiComponent.module in which I declared and exported the two directives as well as the component. It looks like this:

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { IonicModule } from '@ionic/angular';

import { ShowSearchUIDirective } from '../show-search-ui.directive';
import { ScrollFlyoutDirective } from '../scroll-flyout.directive';
import { SearchUiComponent } from './search-ui.component';


@NgModule({
    imports: [
        CommonModule,
        IonicModule,
    ],
    declarations: [
        ShowSearchUIDirective,
        ScrollFlyoutDirective,
        SearchUiComponent
    ],
    exports: [
        ShowSearchUIDirective,
        ScrollFlyoutDirective,
        SearchUiComponent
    ],
    entryComponents: [],
    schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class SearchUiModule { }

While it perfectly loads most of the HTML code from the SearchUIComponent into the websites, it does not implement the custom directives inside the HTML of the final site.

I import the SearchUiModule in every page where i want to use the object.

Can someone help me, why the directives are not loaded? When i use the HTMl code from the component directly inside the pages, the directives are loaded normally.

Posts: 1

Participants: 1

Read full topic

↧
↧

Where do I start?

January 9, 2019, 10:32 am
$
0
0

@Jprules123 wrote:

I have a full Web App that I built and I would like to make a native app for IOS and Android out of it. It is currently fully written using Typescript, HTML, CSS and a few lines of pure JS using Angular 7 framework. Not sure where to start, will I need to re-write most of my modules? Will my router and login using JWT still work etc? Could someone point me out in the right direction please.

Posts: 1

Participants: 1

Read full topic

↧

Ionic Update available 4.6.0 → 4.7.1 FAILED

January 9, 2019, 12:17 pm
$
0
0

@jakratiwanich wrote:

Hello,

I’ve been using Ionic 4.x for a few months now and I just got a notice today to upgrade.

Update available 4.6.0 → 4.7.1
Run npm i -g ionic to update

And I’m getting this error at the end:

npm ERR! path /usr/local/lib/node_modules/ionic/node_modules/esprima/bin/esparse.js
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall chmod
npm ERR! enoent ENOENT: no such file or directory, chmod '/usr/local/lib/node_modules/ionic/node_modules/esprima/bin/esparse.js'
npm ERR! enoent This is related to npm not being able to find a file.

So I run npm install and after that, and now I can’t use Ionic anymore. I’m totally blocked since we’ve decided to use Ionic 4 for our development. If anybody is having the same issue or got this fixed, please let me know.

Jak

Posts: 1

Participants: 1

Read full topic

↧

Ion-select OK button does not appear

January 9, 2019, 12:20 pm
$
0
0

@shepard wrote:

ion-select has no OK button. It just not appear.
This is in a 3.9.2 browser app.
Also, ionChange does not fire.

<ion-item>
   <ion-label>Gender</ion-label>
   <ion-select  #sectionSelect okText="Okay" cancelText="Dismiss" [(ngModel)]="genderSelect" (ionChange)="genderSelected(genderSelect)">
                      <ion-option value="f">Female</ion-option>
                      <ion-option value="m">Male</ion-option>
     </ion-select>
</ion-item>

Posts: 1

Participants: 1

Read full topic

↧
Search

Ionic Keyboard on iOS push input up?

January 9, 2019, 12:34 pm
$
0
0

@Diesel555 wrote:

I have a simple question. When the default keyboard will cover an input in Ionic 4, is it supposed to automatically push the content up or am I? In particular, on iOS, it does not do this for any simple content embedded in a tab view as shown below. This does not get pushed up and the bottom inputs are covered.

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start"> <ion-back-button></ion-back-button> </ion-buttons>
    <ion-title><img src="assets/wp-toolbar.png"/></ion-title>
  </ion-toolbar>
</ion-header>
<ion-card>...</ion-card>
<ion-content padding>
  <form [formGroup]="changePasswordForm" (ngSubmit)="changePassword()">
    <ion-item no-padding margin>
      <ion-label position="stacked">Current Password</ion-label>
      <ion-input
        formControlName="oldPassword"
        type="password"
        (keyup.enter)="changePasswordForm.valid && changePassword()"
      ></ion-input>
    </ion-item>
    <ion-item no-padding margin>
      <ion-label position="stacked">New Password</ion-label>
      <ion-input
        formControlName="password"
        type="password"
        (keyup.enter)="changePasswordForm.valid && changePassword()"
      ></ion-input>
    </ion-item>
    <ion-item no-padding margin>
      <ion-label position="stacked">Confirm New Password</ion-label>
      <ion-input
        formControlName="confirmPassword"
        type="password"
        (keyup.enter)="changePasswordForm.valid && changePassword()"
      ></ion-input>
    </ion-item>
    <ion-button type="submit" [disabled]="!changePasswordForm.valid" margin>Reset</ion-button>
  </form>
</ion-content>

Posts: 1

Participants: 1

Read full topic

↧
↧

How to read pdf with tesseract?

January 9, 2019, 3:55 pm
$
0
0

@slmarcos wrote:

Hello, I need to develop a solution to read the contents of a PDF via OCR. I saw tesseract allow me to do this reading, but it only reads images. Does anyone know how I can convert PDF to image and feed the tesseract?

Tnks

Posts: 2

Participants: 2

Read full topic

↧

Making connection between pages and directives

January 9, 2019, 9:23 pm
$
0
0

@rahulsharma991 wrote:

please tell me how to make connection between directive and PAGES to access .html function in directives help i am new in ionic.

Posts: 1

Participants: 1

Read full topic

↧

Ionic 3 live api (auto refresh api raw data)

January 9, 2019, 11:09 pm
↧

Google Drive files (audio files) in ios

January 9, 2019, 11:11 pm
$
0
0

@ajasrotia wrote:

Hi all,

I am developing an application that will allow me to record some audios and store them directly on google drive account. I am able to perform this.
Now, after the audio file is being saved in Google drive I wish to have it back in application to perform certain annotation, like attaching some notes. The concern here is that when I import the audio file back in application from drive, the audio file is not playing. I am not able to hear anything of my recording. I am downloading the audio file in local storage before playing the file in the application.

I am able to play and hear audio in google drive player, its just when I import the audio file back in application it is not working.

I am using Ionic media plugin for recording and playing back the audio file.
Audio file is stored in m4a format.
using ionic 3

Kindly assist me, as it has been days and I am struggling to play the stored audio files from google drive in my application.

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic 3 how to handle live api

January 9, 2019, 11:43 pm
$
0
0

@paulbuscano003 wrote:

Hi, How can I handle live changing api url (raw data instead of json)?

08%20PM%20(2)
Screen Shot 2019-01-10 at 3.41.08 PM (2).png1680x1050 118 KB

below is my example ionic code.

  //test live
  getLive(){ 

      if (this.platform.is('mobile')) {
        this.lets = "https://live.wh.geniussports.com/v2";
      } else {
        this.lets = "/v1";
      }
  
      this.http.get('https://live.wh.geniussports.com/v2/basketball/read/987129?ak=eebd8ae256142ac3fd24bd2003d28782')
      .map(res => res.json())
      .subscribe(data => {
        this.dataLive = data.response;  
  
        console.log(this.dataLive, 'oblack');
      }, err => {
        console.log(err); 
      });
  
  }

Posts: 1

Participants: 1

Read full topic

↧

Icons broken in 4 rc 1

January 10, 2019, 12:13 am
$
0
0

@webprofusion wrote:

Hi,
If anyone else encounters an issue with broken icons after upgrading to 4.0 rc 1 the angular.json file has changed and needs the following. Even then I still seem to be having trouble with many svg icons not showing (fab buttons etc) :

"assets": [
              {
                "glob": "**/*",
                "input": "src/assets",
                "output": "assets"
              },
              {
                "glob": "**/*.svg",
                "input": "node_modules/ionicons/dist/ionicons/svg",
                "output": "./svg"
              }
            ],

Posts: 1

Participants: 1

Read full topic

↧
Search

Ion-content bg-image on top of ion-card component

January 10, 2019, 12:14 am
↧

[SOLVED] Can't resize modal on ionic v4

January 10, 2019, 12:43 am
$
0
0

@lithiumbj wrote:

Hello to everyone, i’m working with ionic 4 with angular, and i’m having problems with the css4 encapsulation, i’ve found a solution for all the others problem, but i cannot resize a modal.

I’m creating the modal with this code

 let modal = await this.modalCtrl.create(
      {
        component: UserModPage,
        cssClass: "wideModal"
      }
    );
    modal.present();

And my scss is this


    .wideModal
    {
        opacity: 0.3 !important;

        .modal-wrapper 
        {
            width: 800px;
        }
    }

Neither the opacity has effect or the width, the chrome inspector doesn’t even show the class properties, im placing the css in global.css, file wich is working because i have other global styles for buttons and inputs an they are working really well.

Any suggestions?

Posts: 2

Participants: 1

Read full topic

↧
↧

How to start second thread in ionic

January 10, 2019, 2:06 am
$
0
0

@navjotsingh3073 wrote:

how we can start second process in ionic because i want to start some calculation in background without effecting user interface tread

Posts: 1

Participants: 1

Read full topic

↧

Error with Streaming-media

January 10, 2019, 2:18 am
$
0
0

@Morbakos wrote:

Hello,

I’m trying to use the “streaming-media” component from “@ionic-native/streaming-media”, according to this page, but when I try to use it, the video didn’t start.

Here are the code:

App.module.ts

import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { StreamingMedia } from '@ionic-native/streaming-media';

import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { HomePage } from '../pages/home/home';
import { TabsPage } from '../pages/tabs/tabs';
import { ConnexionPage } from '../pages/connexion/connexion';
import { FormConnexionPage } from '../pages/form-connexion/form-connexion';
import { FormInscriptionPage } from '../pages/form-inscription/form-inscription';

import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage,
    ConnexionPage,
    FormConnexionPage,
    FormInscriptionPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage,
    ConnexionPage,
    FormConnexionPage,
    FormInscriptionPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    StreamingMedia,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

about.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { StreamingMedia, StreamingVideoOptions } from '@ionic-native/streaming-media';

@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})
export class AboutPage {

	constructor(public navCtrl: NavController, private streamingMedia: StreamingMedia) { }

	let options: StreamingVideoOptions = {
	  successCallback: () => { console.log('Video played') },
	  errorCallback: (e) => { console.log('Error streaming') },
	  orientation: 'landscape',
	  shouldAutoClose: true,
	  controls: false
	};

	this.streamingMedia.playVideo('https://www.youtube.com/watch?v=xC2s4HAWoXA', options);

}

Does anyone have any ideas?
Thank you

Posts: 1

Participants: 1

Read full topic

↧

My universal link does not work and yet the deep link works

January 10, 2019, 3:01 am
$
0
0

@sfarouk wrote:

I need your help. I installed deeplink with universal link, but it does not work and yet I think I did the right thing by following this tutorial:

https://blog.ionicframework.com/deeplinking-in-ionic-apps

Here is my config.xml file:

<plugin name="ionic-plugin-deeplinks" spec="1.0.17">
    <variable name="URL_SCHEME" value="aefinfo" />
    <variable name="DEEPLINK_SCHEME" value="https" />
    <variable name="DEEPLINK_HOST" value="www.aefinfo.fr" />
    <variable name="ANDROID_PATH_PREFIX" value="/" />
</plugin>
<engine name="ios" spec="~4.5.5" />

Here is my app.component.js:

import { Component, ViewChild } from '@angular/core';
import { Nav, App ,Platform, Events } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { Deeplinks } from '@ionic-native/deeplinks';

@Component({
  templateUrl: 'app.html'
})

export class MyApp {
  @ViewChild(Nav) nav: Nav;

  constructor( public appCtrl: App, public events: Events, private deeplinks: Deeplinks) {
    this.initializeApp();
    $('.show-backdrop').click(function(){
      this.myInput = ""
      this.recherches = []
    })
  }

  initializeApp() {
    this.myInput = ""
    this.platform.ready().then(() => {
      this.statusBar.overlaysWebView(true);
      this.splashScreen.hide();

//deeplink commence par ici
      this.deeplinks.route({
     '/': {},
     '/depeche': {'depeche': true}
   }).subscribe((match) => {

      alert(JSON.stringify(match.$args.id));
   }, nomatch => {
     // nomatch.$link - the full link data
     alert(JSON.stringify(nomatch));

   });

     
    });
  }

Here is my apple-app-site-association file:

  {
  "applinks": {
    "apps": ["BS753AW6QB.com.aefinfo.info"],
    "details": [
    {
      "appID": "BS753AW6QB.com.aefinfo.info",
      "paths": ["/depeche/*"]
    }
    ]
  }
}

Here is an xcode capture for the association domain:

05
Capture d’écran 2019-01-10 à 10.43.05.png819x463 24.5 KB

when I am in my site and I click on www.aefinfo.fr/depeche/563478, it does not open the application to me and yet I despatched in my universal link.

on the other hand when I click on the link: aefinfo: //www.aefinfo.fr/depeche/563478 it works.

My problem is the univsersal link that does not work.
Thanks for your help

Posts: 1

Participants: 1

Read full topic

↧
Viewing all 48983 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>