@FangJiggy wrote:

Hi everyone, I searched in the forum, but I didn’t find any topic talking about GlobalHop SDK. Is it possible to monetize Ionic app with this SDK? Has anyone tried that and could help me?

Posts: 1

Participants: 1

Read full topic

@lokeshasas wrote:

not able to access camera while using in app browser using input type file capture

Posts: 1

Participants: 1

Read full topic

@JohnCressman wrote:

I have a fairly simple page. A header, some content with a list and a footer. The problem is, I have some weird white space.

My primary color is navy, so I would expect the whole content area to be navy but I have that weird white bar at the bottom of the list.

Also, is there a way to get rid of the white area under the header and shading?

Here’s the html code:

<ion-header>
    <ion-toolbar>
        <div class="container">
            <div class="row">
                <div class="col-sm-4" style="text-align: right; vertical-align: center;" >

                </div>
                <div class="col-sm-4" style="text-align: left; vertical-align: center;" >
                        <img src="./../assets/images/lehigh-logo.svg" class="topLogo"/>
                </div>
                <div class="col-sm-4" style="text-align: right; vertical-align: center;" >

                </div>
            </div>
        </div>
    </ion-toolbar>
</ion-header>

<ion-content color="primary">
    <ion-list color="primary">
        <ion-item button *ngFor="let item of (results | async)" routerDirection="forward" routerLink="/{{ item.itemPage }}" color="primary">
            <ion-icon slot="start"  name="{{ item.icon }}" color="warning"></ion-icon>
            <ion-label text-wrap color="tertiary">
                <h3>{{ item.name }}</h3>
            </ion-label>
        </ion-item>
    </ion-list>
</ion-content>

<ion-footer>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-button>
                <ion-icon slot="icon-only" name="information-circle" color="primary"></ion-icon>
            </ion-button>
        </ion-buttons>
        <ion-buttons>
            <ion-button class="btnCenter">
                <ion-icon slot="icon-only" name="construct" color="primary"></ion-icon>
            </ion-button>
        </ion-buttons>
        <ion-buttons slot="end">
            <ion-button>
                <ion-icon slot="icon-only" name="globe" color="primary"></ion-icon>
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-footer>

Here’s the image of the page:

2019-06-12_8-47-22.png322×555 13 KB

Posts: 1

Participants: 1

Read full topic

@AdamGelineau wrote:

Hi guys !

I have a weird error with my Ionic 4 Tabs app…

ERROR Error: Uncaught (in promise): Error: Cannot find 'MesExercicesPageModule' in '../mes-exercices/mes-exercices.module'
Error: Cannot find 'MesExercicesPageModule' in '../mes-exercices/mes-exercices.module'

Here is the route in my tabs.router.module:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TabsPage } from './tabs.page';

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'mes-rdvs',
        children: [
          {
            path: '',
            loadChildren: '../mes-rdvs/mes-rdvs.module#MesRdvsPageModule'
          }
        ]
      },
      {
        path: 'mes-exercices',
        children: [
          {
            path: '',
            loadChildren: '../mes-exercices/mes-exercices.module#MesExercicesPageModule'
          }
        ]
      },
    ]

Here is the module:

import { IonicModule } from '@ionic/angular';
import { RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { MesExercicesPage } from './mes-exercices.page';
import {AutosizeModule} from 'ngx-autosize';

@NgModule({
  imports: [
    IonicModule,
    CommonModule,
    FormsModule,
    RouterModule.forChild([{ path: '', component: MesExercicesPage }]),
    AutosizeModule
  ],
  declarations: [MesExercicesPage]
})
export class MesExercicesPageModule {}

I have many other pages and tabs, and everything else work well. I can’t find any difference between this module and the others.

Feel free to ask for more code…

Posts: 1

Participants: 1

Read full topic

@JohnCressman wrote:

I copy and pasted the ionic radio button list from the documentation to my code and in the example, it has a check mark next to the selected option and no actual radio buttons.

In my code, it shows radio buttons. Is there a way to get it to show check marks instead of radio buttons?

Posts: 1

Participants: 1

Read full topic

@Doomkin wrote:

Quick question:

why this.menuCtrl.isOpen() should return a Promise instead of simply true/false?

Thanks!

Posts: 1

Participants: 1

Read full topic

@vickypryma wrote:

Screenshot_2019-06-12-22-06-36_io.ionic.starter.png720×1280 23.8 KB

The toolbar is not normal. But it looks normal in the browser. And when i click back button, the app can’t exit

Posts: 1

Participants: 1

Read full topic

@matthewh12 wrote:

I am running a production build for my Ionic 4 app (ionic cordova build ios --prod --release), but it does not appear to be uglifying and minifying the javascript and css once the build has completed. Also, the comments in the javascript are not being removed.

Any ideas why uglify and minify are not occurring on the production build?

Ionic Info:

Posts: 1

Participants: 1

Read full topic

@premktr wrote:

I tried a lot of ways to place the error message below the input field.

 <ion-item lines="none">
            <!-- <div floating> -->
            <ion-input type="text" placeholder="Profile Name" [readonly]="isReadOnly" ngModel name="profile"
              #nameCtrl="ngModel" required minlength="2" pattern="^[A-Za-zÀ-ÿ ,.'-]+$" (focusout)="out_profile()" #name>
            </ion-input>
            <!-- </div> -->
            <ion-item *ngIf="nameCtrl.invalid && nameCtrl.touched" lines="none" class="msg" slot="start" no-padding>
              <ion-text *ngIf="nameCtrl.errors['required']">
                Name is required.
              </ion-text>
              <ion-text *ngIf="nameCtrl.errors['minlength']">
                Name must be at least 3 characters long.
              </ion-text>
              <ion-text *ngIf="nameCtrl.errors['pattern']">
                Invalid Name
              </ion-text>
            </ion-item>

Posts: 1

Participants: 1

Read full topic

@lucaslgbs wrote:

EN:

I did the entire apk export process, however I get the following google error:

“This APK includes features and unused codes that are sent to users. Your app would be smaller if you used the Android App Bundle. When the app is not optimized for device settings, the download and installation size is larger than necessary. Larger apps have lower installation fees and take up space on users’ devices.”

How can I solve this problem?

BR:
Fiz todos os passos para exportar o apk, porém recebo a seguinte mensagem de erro:

“Este APK inclui recursos e códigos não utilizados que são enviados aos usuários. Seu app seria menor se você usasse o Android App Bundle. Quando o app não é otimizado para as configurações do dispositivo, o tamanho do download e da instalação é maior do que o necessário. Apps maiores têm taxas de instalação mais baixas e ocupam espaço nos dispositivos dos usuários.”

Como posso solucionar esse problema?

Posts: 1

Participants: 1

Read full topic

@Camilandia wrote:

I am so frustrated. After using the code npm i -g cordova a billion times both with and without sudo I feel so confused.

How do I get cordova to work again? I need it to work in order to add platforms and to make the resources generator working. I have looked online, but what is working for others is not working for me.

I am a newbie, so please explain in extremely, detalied simple and clear language.

I am trying to create an android app.

Posts: 1

Participants: 1

Read full topic

@subhash wrote:

I was upgrading my ionic 3 projects to ionic 4 everything goes well but the CSS part after adding it is not working in ionic 4. I followed the step which is mention in the ionic website
is there any generator or easy method to do the same. please help

Posts: 1

Participants: 1

Read full topic

@cristsaavedra wrote:

Greetings everyone,

im trying to import an custom component im my application but have problems at the moment to implement this component in a page. Then I will leave the classes I have in detail so they can guide me if I’m doing something wrong.

Class Component.Module.ts

import { NgModule } from '@angular/core';
import { IonicModule } from '@ionic/angular';
import { FooterComponent } from './footer/footer.component';

@NgModule({
  declarations: [
    FooterComponent
  ],
  exports: [
    FooterComponent
  ],
  imports: [
    IonicModule
  ]
})
export class ComponentsModule { }

Class app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { Facebook, FacebookLoginResponse } from '@ionic-native/facebook/ngx';
import { FormsModule  } from '@angular/forms';
import { GooglePlus } from '@ionic-native/google-plus/ngx';
import { DatabaseServiceProvider } from '../app/providers/database-service/database-service';
import { EsqueletoLoginProvider } from '../app/providers/no4get-login/no4get-login';
import { EsqueletoServiceProvider } from '../app/providers/no4get-service/no4get-services';
import { HttpModule } from '@angular/http';
import { HttpClientModule, HttpBackend, HttpXhrBackend } from '@angular/common/http';
import { HTTP } from '@ionic-native/http/ngx';
import { SQLite } from '@ionic-native/sqlite/ngx';
import { Uid } from '@ionic-native/uid/ngx';
import { AndroidPermissions } from '@ionic-native/android-permissions/ngx';
import { ComponentsModule } from './components/components.module';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, HttpClientModule, HttpModule, ComponentsModule, IonicModule.forRoot(), AppRoutingModule],
  providers: [
    StatusBar,
    SplashScreen,
    Facebook,
    FormsModule,
    GooglePlus,
    DatabaseServiceProvider,
    EsqueletoLoginProvider,
    EsqueletoServiceProvider,
    HTTP,
    SQLite,
    Uid,
    AndroidPermissions,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

Class paginauno.module.ts (page)

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { ComponentsModule } from '../../components/components.module';
import { IonicModule } from '@ionic/angular';

import { PaginaunoPage } from './paginauno.page';

const routes: Routes = [
  {
    path: '',
    component: PaginaunoPage
  }
];

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

Code Paginauno.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>Pagina Uno</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

<footer></footer>

Class footer.component.html

<ion-footer class="mColorFooter">
  <div class="divCentrado">
      <ion-grid>
          <ion-row>
              <ion-col col-4>
                  <button ion-button full clear (click)="RedirectRedesSociales()">
                      <div>
                          <ion-icon name="logo-twitter" class="ionIcon"></ion-icon><br>
                          <label text-wrap class="labelStyle">Redes&nbsp;Sociales</label>
                      </div>
                  </button>
              </ion-col>
              <ion-col col-4>
                  <button ion-button full clear (click)="RedirectContacto()">
                      <div>
                          <ion-icon name="mail" class="ionIcon"></ion-icon><br>
                          <label text-wrap class="labelStyle">Contactenos</label>
                      </div>
                  </button>
              </ion-col>
              <ion-col col-4>
                  <button ion-button full clear>
                      <div>
                          <ion-icon name="key" class="ionIcon" (click)="CerrarApp()"></ion-icon><br>
                          <label text-wrap class="labelStyle">Salir</label>
                      </div>
                    </button>
              </ion-col>
          </ion-row>
      </ion-grid>  
  </div>
</ion-footer>

My ionic info below:

Ionic:

Ionic CLI : 5.0.0
Ionic Framework : @ionic/angular 4.4.2
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 10 other plugins)

Utility:

cordova-res : not installed
native-run : 0.2.1

System:

NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe)
npm : 6.9.0
OS : Windows 10

image.png1929×985 19.7 KB

As you can see in the image, it does not show me the footer that I have created and implemented.

Any help, advice or whatever you want to tell me will be very welcome and I thank you in advance for your help =)

Posts: 1

Participants: 1

Read full topic

@rossplank wrote:

Ionic/Angular app. Need full stack experience with angular and other frameworks, mobile apps, mySQL and Mongo, PWA and caching, refactoring. This is for a Los Angeles based startup with an initial demo codebase that needs some help. Initial contract is 1-2 months, with possible extension. Please contact at ross.plank@gmail.com.

Posts: 1

Participants: 1

Read full topic

@Liquidcms wrote:

How do i make the ion-menu-button (hamburger button) larger?

It is created using an ion-icon with font-size=26px but there are no attributes for setting size and CSS doesn’t seem to work.

Posts: 1

Participants: 1

Read full topic

@Camilandia wrote:

I have tried many codes,

npm i -g cordova-res
npm i -g ionic cordova-res
npm install cordova-res-generator -g

cordova-res-generator

ionic cordova resources --cordova-res

Though my ionic info remains,

Ionic:

Ionic CLI : 5.0.2 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.5.0
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1

Cordova:

Cordova CLI : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 4 other plugins)

Utility:

cordova-res : not installed
native-run : not installed

System:

Android SDK Tools : 26.1.1 (/Users/Camila/Library/Android/sdk/)
NodeJS : v10.16.0 (/usr/local/bin/node)
npm : 6.9.0
OS : macOS Mojave

How do I fix this?

Posts: 1

Participants: 1

Read full topic

@ciekawy wrote:

Hey!

I’ve noticed plenty of repeated bundle/chunk files from subsequent builds like

./www/main.8eb37ad3f0cdfc556e80.js
./www/main.3ecde082547bf6b052b3.js
./www/main.9e248ecfc5fe6b65f9af.js
./www/main.f13e366f02a949667796.js
./www/main.41c3a63018ba24018d1b.js
./www/main.7e7182c8e98d9af4d06e.js

it can be even over 20 x hundreds of chunks - then also there is 2-3 directories per platform which makes magnitude of 1GB of data in total. Also building non prod non release app makes all the files into the builded artifact. Also I haven’t seen any kind of clean task nor its mentioned anywhere in the docs.

I know this concerns Angular build process still I am confused how/when I should consider cleaning all the build folders.

Posts: 1

Participants: 1

Read full topic

@r2get wrote:

Hi,

Im using routerLink="/make-order/{{item.name}}" routerDirection="forward" to go forward to the next page. On this page in the ngOnInit function i do some http calls to get data. The problem is that this has effect on the page transition. its not fluent it hangs till data is loaded. How can i fix this?

Posts: 1

Participants: 1

Read full topic

@2upmedia wrote:

Hi there,

If I use npm run ionic cordova run ios -- --source-map --address=0.0.0.0 -l the source maps aren’t generated (or at least the mappings aren’t loaded in Safari) using livereload. But if I use npm run ionic cordova run ios -- --source-map --address=0.0.0.0, the source maps are picked up just fine.

I created a new project with the conference template without any other changes.

Here’s my ionic info:

> ionic-conference-app@0.0.0 ionic /...
> ionic "info"


Ionic:

   Ionic CLI                     : 5.0.2
   Ionic Framework               : @ionic/angular 4.4.2
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : ios 5.0.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 5 other plugins)

Utility:

   cordova-res : 0.3.0
   native-run  : 0.2.5

System:

   Android SDK Tools : 26.1.1 (/../Library/Android/sdk)
   ios-deploy        : 1.9.4
   ios-sim           : 8.0.1
   NodeJS            : v11.15.0 (/../.nvm/versions/node/v11.15.0/bin/node)
   npm               : 6.7.0
   OS                : macOS High Sierra
   Xcode             : Xcode 10.1 Build version 10B61

Is this a bug?

Posts: 1

Participants: 1

Read full topic

@Toufiq23 wrote:

when I click on ion-input to type email, keyboard scroll the page up and making the content size big, please help me, I am using ionic3

Posts: 1

Participants: 1

Read full topic