@dwetter wrote:

How can I create a full-screen map of Ionic 5 with different locations that are marked? For Apple devices the map should be created with Apple Maps and for Andoid with Google Maps.

Posts: 1

Participants: 1

Read full topic

@BetterAutomations wrote:

Newbie here. Is this anything to be concerned about?

Unsupported Modules Detected: Compilation is not supported for following modules: capacitor-android. Unfortunately you can't have non-Gradle Java modules and Android-Gradle modules in one project.

Posts: 1

Participants: 1

Read full topic

@Daveshirman wrote:

I’ve got the following layout and I’d like to have the boxes fill the remaining height 50%, so they appear equal.

Not having much luck with my flexbox css, so if anyone could advise, that’d be great, thanks.

Layout graphic as it renders at the moment:

Screenshot 2020-03-04 at 10.51.091362×1490 109 KB

Markup:

<ion-content>
    <!-- ... -->
    <ion-item>
      Something here
    </ion-item>
    <ion-grid>
      <ion-row>
        <ion-col size="6" class="col-top-left">
            <!-- ... -->
        </ion-col>
        <ion-col size="6" class="col-top-right">
            <!-- ... -->
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col size="6" class="col-bottom-left">
            <!-- ... -->
        </ion-col>
        <ion-col size="6" class="col-bottom-right">
            <!-- ... -->
        </ion-col>
      </ion-row>
    </ion-grid>
</ion-content>

CSS I’m using:

ion-grid {
    --ion-grid-padding: 0px;
    ion-row {
        padding: 0px;
    }

    ion-col {
        padding: 0px;
    }

    .col-top-left {     padding-right: 8px; padding-bottom: 8px; }
    .col-top-right {    padding-left: 8px; padding-bottom: 8px; }
    .col-bottom-left {  padding-right: 8px; padding-top: 8px; }
    .col-bottom-right { padding-left: 8px; padding-top: 8px; }
}

Posts: 1

Participants: 1

Read full topic

@ioclaudio wrote:

Hi,
I have an Ionic4 app with some banners, when I click on a banner, a site should open in the browser of the mobile.
The URLs are opened with the command:

window.open(bannerUrl);

The problem is that not all the sites have the https version, so on Android 9 when I click the banner I have the error:
net:: ERR_CLEARTEXT_NOT_PERMITTED

I have already done these modifications on the config.xml file:

<widget id="..." version="01.00.48" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">

..
    <platform name="android">
        <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application">
            <application android:usesCleartextTraffic="true" />
        </edit-config>
        <allow-navigation href="*" />
    </platform>

But the problem persists.
How can I open an external Http link on android?

Claudio Battaglino

Posts: 1

Participants: 1

Read full topic

@miguelardan wrote:

We have an existing mobile app that was built on Ionic 1 and never updated.

The goal of this project is to build a new mobile app that utilizes the existing base functionality built on top of Ionic 4.

If interested contact me.

Thanks

Miguel Correa
Director of Business Partnerships
ArdanLabs​ I www.ardanlabs.com

Posts: 1

Participants: 1

Read full topic

@julio_diniz_perdigao wrote:

Any idea why this happens?

Tested with iPhone 6 running iOS 12.x and cordova. Ionic with javascript. Keyboard plugin set to disableScroll.

Posts: 1

Participants: 1

Read full topic

@Faraon wrote:

Hi guys. I’m having a very weird problem with my app. The thing is that i have a guard to all my app pages with a service. The guard is based on if you are login or not. The problem is that when you choose to close session the app must send you to the login page because i do “authServices.logout()”, of course i can send you manual to that page but with the guard it send you automatically, the really problem is that when i launch for the first time the app to the device with ionic cordova run android --device it does not send me to the login page, but when i do that and the app is installed on the device it does send me to the login app. I really dont understand why is doing that, I really appreciatte any help, thank in advance

Posts: 1

Participants: 1

Read full topic

@The_Unknown wrote:

Hello,

the title says it all. I just tried to style a slider. Since the slider is situated in a page component, I tried to set the styles there in the component which didn’t work. After I read somewhere on the web that this might work, I put it into the global.scss and now it worked.

But I have absolutely no idea why this is?? Where is the difference here?

Can someone help me out here?

Thanks in advance.

Bye

Posts: 1

Participants: 1

Read full topic

@alitalaee wrote:

please help me how can I design this

attachment375×812 307 KB

Posts: 1

Participants: 1

Read full topic

@theitteam wrote:

Hey all,

I have tried the following:

 <IonHeader translucent>
        <IonToolbar className="ion-text-center ion-toolbar-transparent">
          <IonTitle className="ion-text-uppercase">Home</IonTitle>        
        </IonToolbar>
  </IonHeader>
      <IonContent fullscreen>

ion-toolbar.ion-toolbar-transparent {
  --background: transparent;
  --ion-color-base: transparent !important;
}

However the header still has a background color and the content is not fullscreen?

Posts: 1

Participants: 1

Read full topic

@goviba wrote:

Hi,

I added “cordova-plugin-googleplus”: “8.4.0”, but it seems is not updating since when clicking invoking the plugin it says “plugin_not_installed”.

Running it locally as debug on ios and android it works. Creating a web live deploy on appflow, it updates the changes on live version but seems to not include new plugins.

Posts: 1

Participants: 1

Read full topic

@raisadr wrote:

Hi, I have been trying to make a Tabs.
But, everytime I make Tabs, always stuck like this.
What should I do anyway?

image1920×1080 183 KB

Posts: 1

Participants: 1

Read full topic

@nitipol wrote:

example

help me please.

Posts: 1

Participants: 1

Read full topic

@enzofantini wrote:

Hey guys, I’m developing a read system for a chat. Every message sent have a ‘read = false’ attribute. How can I know if the other user entered the chat page so I can change to ‘read = true’? I have no idea…

HELP ME! :’(

Captura de Tela (110)1920×1080 225 KB

Posts: 1

Participants: 1

Read full topic

@ioclaudio wrote:

Hi,
I have an Ionic4 app that is used both as App for mobile devices and as PWA for browser.
I have this requirement valid only for the PWA version:

• The page ship of the app should be opened in another tab of the browser (or another window).
  The page is a page of the app, not an external page.

In the app I use this code to change page:

this.navCtrl.navigateForward(['managers', 'ship', deviceName]);

In the PWA version to open this page in another window, I’m using this code:

const url = 'managers/ship/' + deviceName;
window.open(url);

the problem is that, when this page is opened, probably because of the routing rules, the app opens the “home page” of the app and not the required page.
If in the browser I put the link “http://localhost:8200/managers/ship/mysihp1” I have the same problem.

In the file “app-routing.module.ts” I have this code:

const routes: Routes = [
  { path: '', redirectTo: 'login',  pathMatch: 'full' },
...
]

And in the file “managers/manager-routing.module.ts” I have this code:

const routes: Routes = [
  { path: 'ship/:deviceName', loadChildren: './ship/ship.module#ShipPageModule' },
]

What is wrong with this routing?
Thank you very much

Claudio Battaglino

Posts: 1

Participants: 1

Read full topic

@Cephaz wrote:

Hello,

I just started on ionic, and I’m already having a hard time.

I’m trying to get a project started on android.
but when I launch the application it shows me a white screen

the console show me this

10.3acb16cd.chunk.js:2Uncaught (in promise) TypeError: Object.entries is not a function
at e.reset (http://localhost/static/js/10.3acb16cd.chunk.js:2:24106)
at Be (http://localhost/static/js/10.3acb16cd.chunk.js:2:86759)
at Ue (http://localhost/static/js/10.3acb16cd.chunk.js:2:87203)
at http://localhost/static/js/10.3acb16cd.chunk.js:2:129363

i’m on ubuntu

Ionic:

Ionic CLI : 6.2.0 (/usr/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 5.0.4

Capacitor:

Capacitor CLI : 1.5.0
@capacitor/core : 1.5.0

Utility:

cordova-res : not installed
native-run : 0.3.0

System:

NodeJS : v12.16.1 (/usr/bin/node)
npm : 6.13.4
OS : Linux 5.3

tsconfig

{
“compilerOptions”: {
“target”: “es5”,
“lib”: [
“dom”,
“es2017”,
“dom.iterable”,
“esnext”
],
“allowJs”: true,
“skipLibCheck”: true,
“esModuleInterop”: true,
“allowSyntheticDefaultImports”: true,
“strict”: true,
“forceConsistentCasingInFileNames”: true,
“module”: “esnext”,
“moduleResolution”: “node”,
“resolveJsonModule”: true,
“isolatedModules”: true,
“noEmit”: true,
“jsx”: “react”
},
“include”: [
“src”
]
}

I need help, please
How to fix this bug

Posts: 1

Participants: 1

Read full topic

@PepeMax wrote:

I am developing an application with Ionic.

To explain a little, it is a text book, the teachers add the homework and we see them.

The database is managed by Firestore. I’m receiving Cloud Messaging notifications on my phone.

I would like to know if it is possible with Firebase to synchronize Firestore and Cloud Messaging.

Can you provide me with a code so that as soon as a teacher adds an homework (with an ID automatically generated on Firebase), Cloud Messaging sends a notification to all users, therefore iOS and Android with a Title and a body

mghyR1272×446 32.4 KB

Thanks in advance

Posts: 1

Participants: 1

Read full topic

@fettahk wrote:

Hello everyone,
I have a problem about in_app_browser plugin, it runs in the browser but in the real device it gives error something like “error java exception was raised during method invocation” has anyone get something like that?

Thank you

Posts: 1

Participants: 1

Read full topic

@Fab4guy wrote:

I have a funny problem.
I have made a layout component.

LayoutComponent

<ion-split-pane contentId="main">
  <ion-menu side="start" menuId="custom" contentId="main">

    <ion-header>
      <div id="userBox">
        <div id="userImage"><i class="far fa-user-circle"></i></div>
        <p>Nicolas Lauinger<br>TGOPOD</p>
        <div id="switchTheme">
          <div class="onoffswitch">
            <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" #theme [(ngModel)]="currentTheme" (change)="changeTheme(theme)">
            <label class="onoffswitch-label" for="myonoffswitch">
              <span class="onoffswitch-inner"></span>
              <span class="onoffswitch-switch"></span>
            </label>
          </div>

        </div>
        <p class="logout">
          <i class="fas fa-sign-out-alt"></i>
        </p>
      </div>
    </ion-header>

    <ion-content>
      <ion-list>
        <ion-menu-toggle auto-hide="false" *ngFor="let nav of navi">
          <ion-item lines="none" [class.active]="isActive('/'+ nav.link)" [routerLink]="'/'+ nav.link">
            <i slot="start" class="fas {{nav.icon}}"></i>{{nav.linkName}}
          </ion-item>
        </ion-menu-toggle>
      </ion-list>
    </ion-content>

  </ion-menu>

  <ion-router-outlet animated="false" id="main"></ion-router-outlet>

</ion-split-pane>

In the app-routing.module.ts it is called at every path.

app-routing.module.ts

import {NgModule} from '@angular/core';
import {PreloadAllModules, RouterModule, Routes} from '@angular/router';
import {LayoutWithSideNavComponent} from './layout/layout-with-side-nav/layout-with-side-nav.component';

const routes: Routes = [
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    component: LayoutWithSideNavComponent,
    loadChildren: () => import('./pages/home/home.module').then(m => m.HomePageModule)
  },
  {
    path: 'info',
    component: LayoutWithSideNavComponent,
    loadChildren: () => import('./pages/info/info.module').then(m => m.InfoPageModule)
  }
];

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

That’s what it looks like.

bild11043×606 14.3 KB

Now when I click on contact it looks like this.

bild2959×507 12.5 KB

So far everything as expected and in order. But when I click on Dashboard again it suddenly looks like this. The navigation bar has disappeared.

What am I doing wrong?

Posts: 1

Participants: 1

Read full topic

@Vartex05 wrote:

Hi, iam trying to run my ionic 3 app on new device, and i encountered an typings error, when i run ionic cordova run --prod

WARN] Detected locally installed Ionic CLI, but it's too old--using global CLI.
[INFO] Hardware device(s) found for android. Using --device.
> ionic-app-scripts.cmd build --prod --target cordova --platform android
[14:34:20]  ionic-app-scripts 3.2.4
[14:34:20]  build prod started ...
[14:34:20]  clean started ...
[14:34:20]  clean finished in 19 ms
[14:34:20]  copy started ...
[14:34:20]  deeplinks started ...
[14:34:20]  deeplinks finished in 227 ms
[14:34:20]  ngc started ...
[14:34:31]  typescript: C:/programming/ionic/dochazkamobilni/typings/cordova-typings.d.ts, line: 2
            File 'C:/programming/ionic/dochazkamobilni/.vscode/typings/cordova-ionic/plugins/keyboard.d.ts' not found.


[14:34:31]  typescript: C:/programming/ionic/dochazkamobilni/typings/cordova-typings.d.ts, line: 3
            File 'C:/programming/ionic/dochazkamobilni/.vscode/typings/jquery/jquery.d.ts' not found.


[14:34:31]  ionic-app-script task: "build"
[14:34:31]  Error: The Angular AoT build failed. See the issues above
Error: The Angular AoT build failed. See the issues above
    at C:\programming\ionic\dochazkamobilni\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:232:55
    at step (C:\programming\ionic\dochazkamobilni\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:32:23)
    at Object.next (C:\programming\ionic\dochazkamobilni\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:13:53)
    at fulfilled (C:\programming\ionic\dochazkamobilni\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:4:58)

so far i was soliving it by copying the typings from another computer, where i worked on this app, but i would like to solve it permanently. How can i fix this? My package.json looks like this

{
  "name": "ionic-hello-world",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "5.0.0",
    "@angular/compiler": "5.0.0",
    "@angular/compiler-cli": "5.0.0",
    "@angular/core": "5.0.0",
    "@angular/forms": "5.0.0",
    "@angular/http": "5.0.0",
    "@angular/platform-browser": "5.0.0",
    "@angular/platform-browser-dynamic": "5.0.0",
    "@ionic-native/app-minimize": "^4.4.2",
    "@ionic-native/barcode-scanner": "^4.5.2",
    "@ionic-native/core": "^4.3.2",
    "@ionic-native/device": "^4.5.2",
    "@ionic-native/geolocation": "^4.3.2",
    "@ionic-native/native-storage": "^4.3.2",
    "@ionic-native/network": "^4.3.2",
    "@ionic-native/splash-screen": "^4.3.2",
    "@ionic-native/sqlite": "^4.3.2",
    "@ionic-native/status-bar": "^4.3.2",
    "@ionic/storage": "2.1.3",
    "android-versions": "^1.2.1",
    "cordova-android": "^8.1.0",
    "cordova-plugin-appminimize": "^1.0.1",
    "cordova-plugin-certificates": "^0.6.4",
    "cordova-plugin-compat": "^1.2.0",
    "cordova-plugin-console": "^1.1.0",
    "cordova-plugin-device": "^1.1.7",
    "cordova-plugin-geolocation": "^2.4.3",
    "cordova-plugin-nativestorage": "^2.3.2",
    "cordova-plugin-network-information": "^1.3.4",
    "cordova-plugin-splashscreen": "^4.1.0",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-sqlite-storage": "^4.0.0",
    "hex2dec": "^1.0.1",
    "ionic": "^3.16.0",
    "ionic-angular": "^3.9.2",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionicons": "3.0.0",
    "moment": "^2.18.1",
    "node-sass": "^4.13.1",
    "phonegap-nfc": "^1.0.3",
    "phonegap-plugin-barcodescanner": "^7.1.2",
    "rxjs": "5.5.2",
    "sw-toolbox": "3.4.0",
    "uuid": "^3.3.2",
    "xml2js": "^0.4.17",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.2.4",
    "ionic": "3.13.2",
    "retyped-xml2js-tsd-ambient": "0.0.0-0",
    "typescript": "^2.6.1"
  },
  "cordovaPlugins": [
    "cordova-plugin-whitelist",
    "cordova-plugin-console",
    "cordova-plugin-statusbar",
    "cordova-plugin-device",
    "cordova-plugin-splashscreen",
    "ionic-plugin-keyboard"
  ],
  "cordovaPlatforms": [],
  "description": "dochazka: An Ionic project",
  "cordova": {
    "platforms": [
      "android"
    ],
    "plugins": {
      "ionic-plugin-keyboard": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-console": {},
      "cordova-plugin-device": {},
      "cordova-plugin-geolocation": {
        "GEOLOCATION_USAGE_DESCRIPTION": "To locate you"
      },
      "cordova-plugin-nativestorage": {},
      "cordova-plugin-network-information": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-appminimize": {},
      "phonegap-plugin-barcodescanner": {
        "ANDROID_SUPPORT_V4_VERSION": "27.+"
      },
      "cordova-plugin-certificates": {},
      "phonegap-nfc": {},
      "cordova-sqlite-storage": {}
    }
  }
}

Posts: 1

Participants: 1

Read full topic