@Kleinhummel wrote:

Hey

Is there a way to disable the pullingIcon in the Refresher?

Hope you can help me

Posts: 1

Participants: 1

Read full topic

@ivan5182 wrote:

Hi! Anyone use ionic3 + firebase phone auth?

On android, I can make it,
However , on iOS, it can get the verify no. By google’s sms, but after insert the verify , it nothing happens…

Does anyone can make it ?
Thanks a lot

Posts: 1

Participants: 1

Read full topic

@ndblackandblue wrote:

pressTT(){
 presentActionSheet() {
   let actionSheet = this.actionSheetCtrl.create({
     title: 'Opções',
     buttons: [
       {
         text: 'Editar',
         handler: () => {
           this....
         }
       },
       {
         text: 'Relatar',
         handler: () => {
          this ...
         }
       },
     ]
   });

   actionSheet.present();
}

tapTT(){
 this.navCtrl.push("CityPage");
}

And my html:

<ion-content>
 <ion-item (tap)="tapTT();"  (press)="pressTT">
  ....
</ion-item>
</ion-content>

First all, sorry about my english, its not my native, so i get this text from another post its too similar for what i need, can someone help-me?

On iOS, the popover content is shown below the element that triggered the event.
What I think is happening is that as you trigger the press event, the backdrop appears under your finger, which seems to trigger a tap/click on the backdrop, causing it to dismiss.

If you ‘press’ just long enough to trigger a press instead of tap and then lift your finger it works fine, but keep touching the screen long enough for the popover to appear and you’ll trigger the backdrop dismiss when you lift your finger.

If I set enableBackDropDismiss to false, then it works, but this isnt a solution because then the user experience just isnt very intuitive.

This isnt an issue on Android because the popover appears under your finger / directly over the element you pressed, so you’re not tapping the backdrop.

Any ideas to either prevent that first backdrop tap (or within a certain delay) or to enable backdrop dismiss after a certain delay?

Posts: 1

Participants: 1

Read full topic

@derman10 wrote:

I have a page (Page A) with a ion-select with images.

HTML Code Page A

              <ion-label stacked>Cultivo</ion-label>
              <ion-select [(ngModel)]="todas" formControlName="producto" (ionChange)="onSelectChangeProd($event)">
                <ion-option *ngFor="let p of jsonproductos" value="{{p.id}}">
                    {{p.nombre}}
                </ion-option>
              </ion-select>

SCSS Code Page A

    .alert-radio-icon{
        border-radius: 0 !important;
        border: none !important;
        height: 40px !important;
        width: 40px !important;
        background-size: 40px 40px !important;
        background-repeat: no-repeat;
    }

    [id^="alert-input-"][id$="0"] .alert-radio-icon{
        background-image: url("../../assets/imgs/cultivos/1.png") !important;
    }
    [id^="alert-input-"][id$="1"] .alert-radio-icon{
        background-image: url("../../assets/imgs/cultivos/2.png") !important;
    }
    [id^="alert-input-"][id$="2"] .alert-radio-icon{
        background-image: url("../../assets/imgs/cultivos/3.png") !important;
    }    
    [id^="alert-input-"][id$="3"] .alert-radio-icon{
        background-image: url("../../assets/imgs/cultivos/4.png") !important;
    }
    [id^="alert-input-"][id$="4"] .alert-radio-icon{
        background-image: url("../../assets/imgs/cultivos/5.png") !important;
    }
    [id^="alert-input-"][id$="5"] .alert-radio-icon{
        background-image: url("../../assets/imgs/cultivos/6.png") !important;
    }    
    [id^="alert-input-"][id$="6"] .alert-radio-icon{
        background-image: url("../../assets/imgs/cultivos/7.png") !important;
    }    

    .alert-radio-inner{
        background-color: transparent !important;
    }

preview:

So, I need to repeat the ion-select with images in another page (Page B).

HTML Code Page B

              <ion-label stacked>Tipo de Evento</ion-label>
              <ion-select [(ngModel)]="todas" formControlName="tipo" (ionChange)="onSelectChangeEvento($event)">
                <ion-option *ngFor="let e of jsoneventos" value="{{e.id}}">
                    {{e.nombre}}
                </ion-option>
              </ion-select>

CSS Code Page B

    .alert-radio-icon{
        border-radius: 0 !important;
        border: none !important;
        height: 40px !important;
        width: 40px !important;
        background-size: 40px 40px !important;
        background-repeat: no-repeat;
    }
    
    [id^="alert-input-"][id$="0"] .alert-radio-icon{
        background-image: url("../../assets/imgs/eventos/1.png") !important;
    }
     [id^="alert-input-"][id$="1"] .alert-radio-icon{
        background-image: url("../../assets/imgs/eventos/2.png") !important;
    }
    [id^="alert-input-"][id$="2"] .alert-radio-icon{
        background-image: url("../../assets/imgs/eventos/3.png") !important;
    }    
    [id^="alert-input-"][id$="3"] .alert-radio-icon{
        background-image: url("../../assets/imgs/eventos/4.png") !important;
    }
     [id^="alert-input-"][id$="4"] .alert-radio-icon{
        background-image: url("../../assets/imgs/eventos/5.png") !important;
    }
    
    .alert-radio-inner{
        background-color: transparent !important;
    } 

But when run, the Page A images list are showed on Page B. (???)

If I put the CSS inside the page B scope, nothing is shown.

If I put the CSS inside the page A scope, nothing is shown.

I need to understand the scope of css code.

Can you help me?

Posts: 1

Participants: 1

Read full topic

@satrio05 wrote:

i try to create menu logout that call page login, but it sound co.logout is not function

image.png422×560 25.8 KB

i create component menu, should i edit code in app or component ?

image.png681×682 40.8 KB

here is my code, please help me`
app.html and heander menu.html ( the code was sae, i try create at menu.html before but that’s not display so i create at app.html)

<ion-menu side="right" [content]="content">
        <ion-header>
          <ion-toolbar>
            <ion-title>
            Menu
            </ion-title>
          </ion-toolbar>
        </ion-header>

<ion-content>
            
  <ion-list>
    <ion-list-header>
      My Acount
    </ion-list-header>
    <ion-list-header>
      Settings
    </ion-list-header>
    <button menuClose ion-item icon-left detail-none no-line>
      Report
    </button> 
    
    
    <button ion-item icon-left detail-none
    (click)="logout()">Logout
    </button>
    
  </ion-list>

</ion-content>     

</ion-menu>
      
<ion-nav [root]="rootPage" #content></ion-nav>

and for function i create at header-menu.ts

import { Component } from '@angular/core';
import { NavController, App, Nav } from 'ionic-angular';
import { MenuController } from 'ionic-angular';

/**
 * Generated class for the HeaderMenuComponent component.
 *
 * See https://angular.io/api/core/Component for more info on Angular
 * Components.
 */
@Component({
  selector: 'header-menu',
  templateUrl: 'header-menu.html'
})
export class HeaderMenuComponent {

    constructor(public navCtrl: NavController, 
      public app: App, 
      public menuCtrl: MenuController) {
  console.log('Hello HeaderMenuComponent Component')
  }
  logout(){
    // Remove API token 
    const root = this.app.getRootNav();
    root.popToRoot();
}

}

thanks

Posts: 1

Participants: 1

Read full topic

@NiranjanGowdaCM wrote:

This is my ionic info…

cli packages: (/usr/lib/node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.0.0 

local packages:

@ionic/app-scripts : 3.2.0
Cordova Platforms  : android 7.1.4
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v8.11.3
npm               : 6.3.0 
OS                : Linux 4.15

Environment Variables:

ANDROID_HOME : /home/niranjan/Android/Sdk

Misc:

backend : pro

---

Cordova plugin version…

cordova-plugin-media-capture : ^3.0.2

---

AndroidManifest.xml file permissions are…

<uses-sdk android:minSdkVersion=“19” android:targetSdkVersion=“27” />
<uses-permission android:name=“android.permission.ACCESS_COARSE_LOCATION” />
<uses-permission android:name=“android.permission.ACCESS_FINE_LOCATION” />
<uses-feature android:name=“android.hardware.location.gps” />
<uses-permission android:name=“android.permission.RECORD_AUDIO” />
<uses-permission android:name=“android.permission.RECORD_VIDEO” />
<uses-permission android:name=“android.permission.READ_EXTERNAL_STORAGE” />
<uses-permission android:name=“android.permission.BLUETOOTH” />
<uses-permission android:name=“android.permission.WRITE_EXTERNAL_STORAGE” />
<uses-permission android:name=“android.permission.CAMERA” />

---

github issues reference used

---

I am using media capture plugin to capture images and videos. Everything works fine in Android versions v5, v6, and v7. But the same application crashes in v8 and v8.1.

i have tested this application in android devices like vivo, samsung, motorola, redmi with versions above v8.0 but the same issue happens in every device.

please let me know if any possible solution available to this application crashing issue.

NOTE: captureVideo works fine in every device without any problem but only problem is with captureImage

Thanks in advance for your help…

Posts: 1

Participants: 1

Read full topic

@saravananthemesoft wrote:

While running build code am getting following error
The following build commands failed:
CompileC /Users/themesoft/Library/Developer/Xcode/DerivedData/MyApp-bkemlyweisesndehdvyeqrojralm/Build/Intermediates/MyApp.build/Debug-iphonesimulator/MyApp.build/Objects-normal/x86_64/IONAssetHandler.o MyApp/Plugins/cordova-plugin-ionic-webview/IONAssetHandler.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)
CordovaError: Promise rejected with non-error: ‘Error code 65 for command: xcodebuild with args: -xcconfig,/Users/themesoft/Desktop/myapp/platforms/ios/cordova/build-debug.xcconfig,-workspace,MyApp.xcworkspace,-scheme,MyApp,-configuration,Debug,-sdk,iphonesimulator,-destination,platform=iOS Simulator,name=iPhone SE,build,CONFIGURATION_BUILD_DIR=/Users/themesoft/Desktop/myapp/platforms/ios/build/emulator,SHARED_PRECOMPS_DIR=/Users/themesoft/Desktop/myapp/platforms/ios/build/sharedpch,-UserModernBuildSystem=0’
at cli.catch.err (/usr/local/lib/node_modules/cordova/bin/cordova:30:15)
at process._tickCallback (internal/process/next_tick.js:68:7)

Posts: 1

Participants: 1

Read full topic

@karimla131 wrote:

Hi,
I am creating chat app it’s similar to whatsapp i am usibg ionic native contacts to get all contacts from user’s phone and i will do some functionality to get registered users in my app.
My question is what is the best approach to store contacts from user’s phone i though it might be a json file or i can store it on firebase but i think those 2 options will make a performance issue as it maybe get thousands of contacts. So i want to get all contacts and do my functionality then store the unregistered contacts in some where to avoid performance issue.

Thanks

Posts: 1

Participants: 1

Read full topic

@max2016 wrote:

I have call with API and token JWT in my header.
So i don’t find any solution, i need your help.

content-type is not allowed by Access-Control-Allow-Headers in preflight response.

Capture-d’écran-2019-01-22-à-08.42.33.png1218×102 28.1 KB

Posts: 1

Participants: 1

Read full topic

@max2016 wrote:

HI, i have call with API and token JWT in header.
My error :
content-type is not allowed by Access-Control-Allow-Headers in preflight response.
I don’t find any solution. I need your help.

Capture-d’écran-2019-01-22-à-08.42.33.png1218×102 28.1 KB

Capture d’écran 2019-01-22 à 08.42.22.png1168×504 82.5 KB

Posts: 1

Participants: 1

Read full topic

@booklee wrote:

Hi guys,

I try since yesterday lot of solutions, but didn’t find how to resolve this.

In a controller, I try to :

• 1> select a new tab
• 2> after this, push a new page

I tried this :

this.navCtrl.parent.select(4)
        .then(() => {
            this.navCtrl.setRoot(MessagePage,{sendMessage: true, user: this.user});
        });

For my example, I am in the TAB0, I try to select the TAB4, and push to “MessagePage”.
My TAB4 is configured on the MessagesPage (listing page), and I try to go directly to the writing message page (MessagePage)

This select the tab and go to “MessagesPage”, but after I can’t push to “MessagePage”

this.navCtrl.parent.select(4)

Thanks for your help

Posts: 1

Participants: 1

Read full topic

@nature225 wrote:

Hey everyone. One Problem and I don’t know what to do I had search a while but don’t find solution:

This is my Code:

arrMedia = [];
 

  constructor(private navCtrl: NavController, private navParams: NavParams, private fdb: AngularFireDatabase) {      

    this.fdb.list('/kategorien').snapshotChanges().subscribe(item => {
      item.forEach(element => {
        this.arrMedia = element.key;
        
      })
    })

  }

And I become this error
Type ‘string’ is not assignable to type ‘any’

What can I do Please help

Posts: 1

Participants: 1

Read full topic

@paulbuscano003 wrote:

Hi, I have an iframe it’s working but the images are not showing on an android device but it’s working fine in ios.

Screenshot_20190122-184535_Slingers.jpg1080×2220 445 KB

My sample code:

   <div style="overflow:auto;-webkit-overflow-scrolling:touch;position:relative;top: -35px;">
        <iframe src="https://www.fibalivestats.com/u/abl/987169/" style="width:100%;height:1000px;" frameborder="0" allowfullscreen></iframe>
      </div>

my config.xml

    <allow-navigation href="https://www.fibalivestats.com/*" />
    <allow-navigation href="http://img.wh.sportingpulseinternational.com/*" />

sample image link:

http://img.wh.sportingpulseinternational.com/e8b44c24a096475ec42c722e4613f5dbT1.png

Posts: 1

Participants: 1

Read full topic

@Kyrax80 wrote:

Hello, how can I change the text inside a toast and the close button’s style?

Thanks!

Posts: 3

Participants: 2

Read full topic

@fiedl wrote:

Hi, I’m following https://ionicframework.com/docs/appflow/monitoring/ in order to add monitoring to an existing ionic-3 app. The guide reads:

In order to use Ionic Monitoring you must set up the Pro Client inside of your app. Follow along with our Pro Client Setup Guide. You should be on at least 1.0.19 of @ionic/pro .

Unfortunately, the Pro Client Setup Guide only explains how to get the ionic CLI, not the Pro Client.

I found @ionic/pro at https://www.npmjs.com/package/@ionic/pro, which has no README. The site links to the github repo https://github.com/ionic-team/ionic-pro-agent, which does not exist.

Thus, I’m stuck not knowing how to include the Pro Client @ionic/pro in my existing ionic-3 app.

As I didn’t include @ionic/pro, I’m getting “Typescript Error Cannot find name ‘Pro’.” if I try to use the monitoring features like Pro.monitoring.log(...) .

Does anyone know whether the Pro Client is compatible to ionic 3 and how to resolve this issue? Thanks!

Posts: 1

Participants: 1

Read full topic

@rall138 wrote:

Hi everebody, i have recently created my first app in ionic, this application consumes google apis for geolocation and distance compare, everything works fine but for some reason i’m having a delay while updating the ion-items.

The sequence of my code is:

1. Consume my own webservice.
2. Fill the list collection.
3. Update data of every item of the collection inside method getDistanceMatrix (google apis)

Log inside getdistanceMatrix method’s shows that every item is updated almost inmediatly, but ionic takes a few seconds to refresh list.

Maybe somebody has been throw the same issue…

Posts: 1

Participants: 1

Read full topic

@karimla131 wrote:

Hi, is there a way to get only updated or new created contacts on user’s phone using ionic native contact to avoid getting all contact and make a comparison.

Posts: 1

Participants: 1

Read full topic

@Alexliuxe wrote:

Hello everyone, i’m new to IONIC and I’m an iOS native developer
Company has one app built with iOS swift and one was IONIC app
Now we want to nest IONIC app into native app by clicked one of the tabbar or button inside native swift, is it possible ? or is there any tutorial I can follow? I searched around but I wasn’t able to find anything or any articles with this topic.

Thanks advanced.

Posts: 1

Participants: 1

Read full topic

@ManivannanDurairaj wrote:

Hello All,

How can i get files original path in ion-input using ionic v4. Here i have attached some samples code.

<ion-item>
        <ion-label position="floating">Profile File</ion-label>
        <ion-input accept="image/*" #profileFile (ionChange)="profileChange()" formControlName="profileFile" type="file"></ion-input>
        <ion-icon no-margin class="cur-ptr" slot="end" name="camera"></ion-icon>
</ion-item>

Thanks,
Mani

Posts: 1

Participants: 1

Read full topic

@gfraissler wrote:

hi!

is there a way to blur an ion-input field ? i use setFocus() to set the focus while swiping through slides. but on one slide there is a date picker instead of an ion-input field. The keyboard from the slide before stays open and if you type on it , it will change the field from the slide before.

Best solution would be to have something like setBlur() or removeFocus() but seems like there is nothing like that. does anyone know a workaround?

(using ionic-v4, hope this is the correct place to post)

Posts: 1

Participants: 1

Read full topic