Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70754 articles
Browse latest View live
↧

Alignment of item sliding option in Ionic 4

February 18, 2019, 8:59 pm
$
0
0

@mdineshkumarhr wrote:

Hi I have created a page html with following codes for item sliding


  <ion-list #mylist>
    <ion-item-sliding *ngFor="let item of items">
      <ion-item>
        <ion-label text-wrap ">
          {{item.name}}
        </ion-label>
      </ion-item>      
      <ion-item-options side="end">
        <ion-item-option color="secondary" (click)="update(item)">        
          <div slot="icon-only">
            <ion-icon name="create"></ion-icon>
          </div>
        </ion-item-option>
        <ion-item-option color="danger" (click)="delete(item.id)">        
          <div slot="icon-only">
            <ion-icon name="trash"></ion-icon>
          </div>
        </ion-item-option>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>

item sliding works but icon is always in vertically top instead of vertically middle of item option. kindly help me in fixing this.

Screenshot_20190219-102744
Screenshot_20190219-102744.jpg1080×1920 79.2 KB

Posts: 1

Participants: 1

Read full topic

↧
Search

Augment Reality : Measuring Floor Area App

February 18, 2019, 9:08 pm
$
0
0

@aishusara wrote:

Hi,
I’m trying to create “Virtual Floor Area Measuring App”. As it only can be achieve by Augmented Reality, I have gone through ar.js and wikitude . But these 2 not having enough documents / explanation regarding floor measuring. Is there any other possibility to do this? If it so, Kindly share the info.

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic3 documet redirect ionic4

February 18, 2019, 9:30 pm
$
0
0

@thkimionic wrote:

When I searched ionic3 document for ionic3 component or api,
It redirect to ionic 4 document and the result not applicable to ionic 3.
It makes me very inconvenience.

Posts: 2

Participants: 2

Read full topic

↧

(click) event doesn't work?

February 18, 2019, 9:52 pm
$
0
0

@Cabz wrote:

Hey guys,

I add an html using the method below:

for (var i = this.controls.length - 1; i >= 0; i--) {
       console.log('control: '+this.controls[i]);
       document.getElementById('control-'+i).innerHTML = this.controls[i];
     }

I used this since i using [innerhtml] strips the “(click)” in the html and this works fine

image

image

but “(click)” won’t work and nothing is happening, not even an error appears.

here the code for the function to be called by click:

 openGlossary(){
    
    console.log('opening glossary....');
  }

Posts: 1

Participants: 1

Read full topic

↧

Redirect to Ionic App when using oauth2

February 18, 2019, 10:00 pm
$
0
0

@OmDIonic wrote:

Hi All
In my app I am using oauth2 but have an issue with redirecting to ionic app.
Workflow
1.Opening Ionic app and on click of button external link is opening for signup
2.Once signup done that webpage is posting code id onto app
3.I mention redirect url as localhost but website not redirect to app and not posting data
4.I tried with https with ip but not worked.
5.Tried ssl with ionic cordova run android but not worked

Testing on Emulator and Mobile.
getting error ERR_NAME_NOT_RESOLVED.

If any one have any workflow please let me know.

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic v4: Time Range selection using angular

February 18, 2019, 10:39 pm
↧

Ionic v4 Angular: Localization + RTL Support Status?

February 18, 2019, 10:55 pm
$
0
0

@sndwav wrote:

Hello,
I’m working on an app for our company and we started probing Ionic for us to use.

We need the app to be in 2 different languages, one of them is RTL.

I searched about the topic, but it seems like Ionic 4 didn’t support it up to a certain point, and then it partially supported it, but that post was from a few months ago.

In Ionic 4’s current state, how possible is it to do?

Thank you, everybody!

Posts: 1

Participants: 1

Read full topic

↧

Ionic v4 : NullInjectorError: No provider for HTTP!

February 19, 2019, 12:32 am
↧
Search

Can't override default class css ionic v4

February 19, 2019, 12:33 am
$
0
0

@abhayjani wrote:

can anyone help me to edit the default class css for ion component in ionic v4.
i have slider and i want to edit slider wrapper class css but its not work :cry:

.swiper-wrapper {
  height: unset !important;
}

thanks in advance

Posts: 1

Participants: 1

Read full topic

↧
↧

How to put google maps key dynamically in index.html

February 19, 2019, 12:43 am
↧

Configure this date picker language at application level

February 19, 2019, 1:03 am
$
0
0

@t_amiryan wrote:

Hey.

Is there any way to customize the language of native DatePicker directly from the app.
My app supports two languages and I would like to change the month names to german or english respectively.
It is changed when the language of phone is changed only…

chooseDate(mode: string, keyname: string, oldDate: boolean) {
this.datePicker.show({
date: new Date(),
mode: mode,
allowOldDates: oldDate,
minDate: this.getNowAndAdd(2),
okText: this.commonServices.okText,
cancelText: this.commonServices.cancelText,
androidTheme: 0
})
.then(date => {
this.filterDate(date);
this.wasteServiceForm.patchValue({ [keyname]: this.date })
},
err => console.log("Error occurred while getting date: ", err)
);
}

Thanks beforehand.

Posts: 1

Participants: 1

Read full topic

↧

Cordova-plugin-ionic-webview plugin problem

February 19, 2019, 1:15 am
$
0
0

@jylikorpi wrote:

I’m losing my mind with this plugin. I have uninstalled it a million times and removed it from config.xml and package.json, but it keeps coming back. And worst of all, it installs version 1.1.1 of the plugin which I believe is full of security holes. Where and in gods name, WHY it keeps coming back to my project?

Posts: 1

Participants: 1

Read full topic

↧

Create and show pdf in page directly

February 19, 2019, 1:15 am
$
0
0

@sibabratswain wrote:

My Goal - Create dynamic pdf and show it on the page inside the app directly.
Steps I have taken - Used pdf make and got the pdf opened in next tab.

 let docDefinition = {
      content: [
        {text: 'REMINDER', style: 'header'},
        {text: new Date().toTimeString(), alignment: 'right'},

        {text: 'From', style: 'subheader'},
        {text: this.letterObj.from},

        {text: 'To', style: 'subheader'},
        this.letterObj.to,

        {text: this.letterObj.text, style: 'story', margin: [0, 20, 0, 20]},

        {
          ul: [
            'Bacon',
            'Rips',
            'BBQ',
          ]
        }
      ],
      styles: {
        header: {
          fontSize: 18,
          bold: true,
        },
        subheader: {
          fontSize: 14,
          bold: true,
          margin: [0, 15, 0, 0]
        },
        story: {
          italic: true,
          alignment: 'center',
          width: '50%',
        }
      }
    }

  pdfMake.createPdf(docDefinition).open({}, window);

Question - I want to show the pdf inside the app with existing header and sidebar.
Please help me out or any suggestions.

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic video call

February 19, 2019, 1:42 am
$
0
0

@HackingCorp wrote:

Hi all, I am currently developing a mobile application with ionic and I would like to add a video call feature.
I did research and there are solutions such as WebRTC, PhoneRTC Twilio…
but I cannot find any tutorial or way to implement them.
can anyone help me with a link or any other tutorial on how to add video calls in ionic 3 or 4
Thank you for your answers.

Posts: 1

Participants: 1

Read full topic

↧

Passing data to URL with tabs enabled

February 19, 2019, 2:37 am
$
0
0

@rohankapurmobile wrote:

Hey, so I recently made an Ionic basic navigation app successfully with a tabs based layout. However, I am now having difficulty supplying data to the individual tabs by the route. Here are the relevant bits of what I have so far (I explain more after the code):

Here is the app-routing.module.ts:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
  { path: 'dashboard', loadChildren: './pages/dashboard/dashboard.module#DashboardPageModule' },
  { path: 'bitcoin-wallet', loadChildren: './pages/bitcoin-wallet/bitcoin-wallet.module#BitcoinWalletPageModule' },
  { path: 'ethereum-wallet', loadChildren: './pages/ethereum-wallet/ethereum-wallet.module#EthereumWalletPageModule' }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

The bitcoin-wallet page is the one I would like to supply an ‘id’ parameter to. The issue here is that the bitcoin-wallet page is actually a tab based layout.

The bitcoin-wallet folder has its own page and multiple tab pages in there as well. The layout is as follows:

  • bitcoin-wallet-folder
    |_details
    |_tab1
    |_tab2
    |_tab3
    |bitcoin-wallet.module.ts
    |

Here is the bitcoin-wallet.module.ts file:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';

import { BitcoinWalletPage } from './bitcoin-wallet.page';

const routes: Routes = [
  {
    path: '',
    component: BitcoinWalletPage,
    children: [
      {
        path: 'tab1',
        children: [
          {
            path: '',
            loadChildren: './tab1/tab1.module#Tab1PageModule'
          }
        ]
      },
      {
        path: 'tab2',
        children: [
          {
            path: '',
            loadChildren: './tab2/tab2.module#Tab2PageModule'
          },
          {
            path: 'details',
            loadChildren: './details/details.module#DetailsPageModule'
          }
        ]
      },
      {
        path: 'tab3',
        children: [
          {
            path: '',
            loadChildren: './tab3/tab3.module#Tab3PageModule'
          }
        ]
      },
      {
        path: '',
        redirectTo: '/bitcoin-wallet/tab1',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/bitcoin-wallet/tab1',
    pathMatch: 'full'
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes)
  ],
  declarations: [BitcoinWalletPage]
})
export class BitcoinWalletPageModule {}

Posts: 1

Participants: 1

Read full topic

↧
Search

TypeError: Object(…) is not a function at AndroidPermissions.requestPermission

February 19, 2019, 2:58 am
$
0
0

@Samaludheen wrote:

I am trying to ask permission at run time. I am getting TypeError: Object(…) is not a function at AndroidPermissions.requestPermission as per ionic docs.

permissions I am requesting is

this.androidPermissions.requestPermissions([this.androidPermissions.PERMISSION.READ_EXTERNAL_STORAGE, this.androidPermissions.PERMISSION.WRITE_EXTERNAL_STORAGE]);

I am getting this error

TypeError: Object(...) is not a function
at AndroidPermissions.requestPermission (vendor.js:63232)
at HomePage.webpackJsonp.139.HomePage.getPermission (main.js:75)
at main.js:67
at t.invoke (polyfills.js:3)
at Object.onInvoke (vendor.js:5134)
at t.invoke (polyfills.js:3)
at r.run (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (vendor.js:5125)

Any Idea what I will be doing wrong? Or what is the cause of this issue. My package.json file is this

{
  "name": "myApp",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "start": "ionic-app-scripts serve",
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint"
  },
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "5.2.11",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@ionic-native/android-permissions": "^5.0.0-beta.14",
    "@ionic-native/core": "~4.18.0",
    "@ionic-native/diagnostic": "^5.1.0",
    "@ionic-native/http": "^5.0.0",
    "@ionic-native/splash-screen": "~4.18.0",
    "@ionic-native/sqlite": "^5.0.0",
    "@ionic-native/status-bar": "~4.18.0",
    "@ionic/storage": "2.2.0",
    "@types/cordova": "0.0.34",
    "cordova-android": "7.1.4",
    "cordova-pdf-generator": "2.0.7",
    "cordova-plugin-advanced-http": "2.0.4",
    "cordova-plugin-android-permissions": "1.0.0",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-file": "6.0.1",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "^2.3.2",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-sqlite-storage": "2.6.0",
    "cordova.plugins.diagnostic": "4.0.11",
    "file-saver": "^2.0.0",
    "ionic-angular": "3.9.2",
    "ionic-img-viewer": "^2.9.0",
    "ionicons": "3.0.0",
    "rxjs": "^6.3.3",
    "rxjs-compat": "^6.3.3",
    "sw-toolbox": "3.6.0",
    "xlsx": "^0.14.1",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.2.2",
    "typescript": "~2.6.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-pdf-generator": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-advanced-http": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-android-permissions": {},
      "cordova.plugins.diagnostic": {}
    },
    "platforms": [
      "android"
    ]
  }
}

Posts: 1

Participants: 1

Read full topic

↧

Using Deep links (or other) to open application via an App Launcher

February 19, 2019, 3:07 am
$
0
0

@peterjc wrote:

I have a client who has there own build App launcher running on their iOS devices.

They wish to add my Ionic application to this. The info I have from them is

 it is just a launch platform for CompanyX apps
there are two ways to launch an external app

1. Using a universal link
2. Custom URL e.g. to launch Microsoft PowerBI we use mspbi://app/

At the moment custom URL is the preferred method so apps can be launched while offline.

At this stage I am not sure how this launcher works underneath, and am not sure what to ask?

From what I can see, I should be able to use the the Deep Links plugin for this?

It is not being open from a web site, so not 100% sure how I would configure this (I don’t want any url tied to a single web site address, as I want any client to be able to use this)

Can I use something like…
I have seen an example like the following…

ionic cordova plugin add ionic-plugin-deeplinks --variable URL_SCHEME=myapp --variable DEEPLINK_SCHEME=https --variable DEEPLINK_HOST=example.com

But in my case, what would I use for the DEEPLINK_HOST? Can this just be anything

Thanks in advance for any help!

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic-native/admob-free/ngx

February 19, 2019, 3:15 am
$
0
0

@Nsimoncini wrote:

Hi everyone. I tried to implement Admob with 3 different Cordova Plugins but every time I get the same result: iOS app is working fine (emulator and real device) with both isTesting true and false. Android version is working with isTesting true but ads are never loaded with isTesting = false. That’s not a plugin error nor an implementation error, I spent 3 days trying to isolate the problem and I’m pretty sure that Google is blocking the ads on android devices in “production mode”. I’ve read something about the necessity for the app to be published in the Google Play Store first to enable this ads but I’d like to receive a reassurance from experts. Is there any problem on AdMob SDK or policies or something like that? I’d like to know if its my fault or it will be fixed by itself during next days…

Thanks!

(I already set the ADMOB_APP_ID for android and I correctly set the banner and interstitial ID. On iOS is working perfectly fine with both test flag set to true and false).

Posts: 1

Participants: 1

Read full topic

↧

Which library to use for Google Map?

February 19, 2019, 3:20 am
$
0
0

@ioclaudio wrote:

Hi,
I’d like to create a PWA with Ionic4 that shows a Google Map and interacts with it, choosing and adding pin, designing areas, and so on.
Which is the recommended library to do this?
Is it possible to use the standard Google Map Api with all its features inside an Ionic app?

Thank you very much

claudio

Posts: 1

Participants: 1

Read full topic

↧

Can't load ion-icons on macbook (ionic 4.0.0)

February 19, 2019, 3:49 am
$
0
0

@Driesel wrote:

Hi everybody,

yesterday i cloned my repo on my macbook and had seen, that the mac couldn’t load any ionic icon.
This error occurs:

GET http://localhost:8100/svg/md-trash.svg 404 (Not Found)
GET http://localhost:8100/svg/ios-menu.svg 404 (Not Found)

But on my Ubuntu workspace everything is fine, there is see every icon.

Any idea how to solve this?

Posts: 1

Participants: 1

Read full topic

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