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

Use custom font ionic

April 14, 2020, 7:59 pm
↧
Search

Ionic navigation to lock

April 14, 2020, 8:04 pm
$
0
0

@itosoft wrote:

hi i use this way to navigate to another page
this.router.navigate(['creat']);
how can i navigate to a page which can not be back but back button
forexample in telegram
there is lock button , when i click it
it locks app and no way to back except fill password

Posts: 1

Participants: 1

Read full topic

↧
↧

Instability in many of the most recent builds

April 14, 2020, 8:59 pm
$
0
0

@nvahalik wrote:

In our last couple of major deployments, we seem to have been having a rash of “little issues” that have impacted a number of our users. These issues include, but are not limited to:

  • CSS styles not applying to screens (“cured” by closing and reloading the app).
  • White screens where the app does nothing upon loading.
  • Loading chunk # failed (reported via Rollbar).
  • plugin_not_installed (also reported via Rollbar).
  • Tons of HTTP Unknown 0 errors which, as far as I can tell, aren’t making it out of the app at all as I cannot see them or instrument them on our API servers.
  • Lots of weird 1-off issues usually having to deal with Cordova plugins.
  • Android builds seem to crash a lot. Usually on first start.

We are using the latest version of Cordova (9.x) and latest major releases of the related ios/android projects. We are using Ionic AppFlow to build the apps.

I things get more complicated as time goes on, but overall the “feel” is that quality has decreased somewhat. It seems like we end up having to tell users to delete/reinstall the application a lot more frequently than in the past. The number of “weird issues” which go unresolved slowly creeps ever higher.

Is anyone else seeing this? Is anyone else deploying these apps day-after-day without seeing these issues? In other words, is there something on our end that we should be doing differently? Or is this more common but people just don’t really talk about it?

Anyway, those are my questions.

Posts: 1

Participants: 1

Read full topic

↧

My image is not showing despite placing it in assets/img

April 14, 2020, 10:11 pm
$
0
0

@CodeKazuko2 wrote:

I type but it shows as the broken image below.

image

Is it an issue of image? This is the location where I place it but I am sure there was no typo and this is in a js file.

Capture2

This is the code I type - img src="…/…/assets/img/line.png"/

Posts: 1

Participants: 1

Read full topic

↧

How to display text with an absolute size

April 15, 2020, 12:50 am
$
0
0

@jsilver wrote:

Hi, I’m creating an Ionic app in which i need to print some characters on a screen with a fixed height in inches. This app is related to a vision test so that characters need to be fixed size regardless of the mobile device type.

Using a stylesheet (e.g. font-size: 1in) does allow me to change the font size but the characters don’t show up as 1in.

Since that approach didn’t work, I tried the article shown here: https://stackoverflow.com/questions/279749/detecting-the-system-dpi-ppi-from-js-css/311952#311952 which allows me to detect the device DPI. I can then create text with the correct number of pixels. This is close, but then when the phone is rotated between portrait and landscape mode, the size of the text changes.

Can anyone point me in the right direction?

Posts: 1

Participants: 1

Read full topic

↧
↧

Error message on key press in app

April 15, 2020, 12:50 am
↧

How Can we get internet is available or not while using wifi?

April 15, 2020, 3:54 am
↧

Is it possible to create an Ionic v4 project with latest CLI?

April 15, 2020, 4:56 am
$
0
0

@svd505 wrote:

I am new to Ionic, I have to develop an Ionic app at my work, and one of the requisites is that it must use Ionic-v4.
I see in the docs the options to create Ionic v1, v2 and v3 projects and the default one that I guess is v5, but not v4.

Posts: 1

Participants: 1

Read full topic

↧
Search

NFC Isodep functions

April 15, 2020, 5:05 am
$
0
0

@jeremie-passerat wrote:

Hello.

I’m a beginner in Ionic and for a university project I have to read some data from a nfc card.

I’m searching for a plugin to use IsoDep functions (connect, transceive and close), like these ones in native android : https://developer.android.com/reference/android/nfc/tech/IsoDep.

I’ve tried https://github.com/chariotsolutions/phonegap-nfc but the functions, even if they are mentioned in the readme, are not avalaible (" “Property ‘connect’ does not exist on type ‘NFC’").

Is there an existing plugin to do Isodep operations in Ionic or do I have to use Java and the Isodep Android plugin to read my data ?

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic build design for enter otp as well as auto fill-otp

April 15, 2020, 5:34 am
$
0
0

@Pratikjaiswa15 wrote:

I have phone auth in my app. We try to auto-fill otp and the user can also fill it manually.

For letting the user type otp manually I have developed keyup function as shown below. And to auto-fill otp used [(ngModel)] to every input field to reflect otp on html

But every time user try type something following error is showing

TypeError: Cannot assign to read-only property '0' of string ''

How to solve the error?

Thank you in advance

.html

<ion-row >
    <ion-col>
     <ion-input class="x" #otp1 required="true" maxLength="1" [(ngModel)] ="OTP[0]" (keyup)="otpController($event,otp2,'')">
     </ion-input>
     <ion-input class="x" #otp2 required="true" maxLength="1" [(ngModel)]="OTP[1]" (keyup)="otpController($event,otp3,otp1)">
     </ion-input>
     <ion-input class="x" #otp3 required="true" maxLength="1" [(ngModel)]="OTP[2]"  (keyup)="otpController($event,otp4,otp2)">
     </ion-input>

     <ion-input class="x" #otp4 required="true" maxLength="1" [(ngModel)]="OTP[3]"  (keyup)="otpController($event,otp5,otp3)">
    </ion-input>

    <ion-input class="x" #otp5  required="true" maxLength="1" [(ngModel)]="OTP[4]" (keyup)="otpController($event,otp6,otp4)">
    </ion-input>

    <ion-input class="x" #otp6  required="true" maxLength="1" [(ngModel)]="OTP[5]" (keyup)="otpController($event,'',otp5)">
    </ion-input>

    </ion-col>
  </ion-row>

.ts

OTP: string = '';

otpController(event,next,prev, index){


    if(index == 6) {
      console.log("submit")
    }
    if(event.target.value.length < 1 && prev){
      prev.setFocus()
    }
    else if(next && event.target.value.length>0){
      next.setFocus();
    }
    else {
     return 0;
    } 
 }

css

.x{
  display:inline-block;
  width:50px;
  height:50px;
  margin:10px;
  border-radius: 50%;
  --background:#e1e1e1;
  --padding-start:7px;
  }

Posts: 1

Participants: 1

Read full topic

↧

Capacitor Device uuid

April 15, 2020, 5:35 am
$
0
0

@olaisen wrote:

Hello everyone! I would like to know if the information obtained through the uuid capacitor device plugin is unique for apps from the same vendor. Can there be a risk of getting the same uuid for different apps from the same vendor? I read the documentation but was unable to clarify the ideas. Thanks in advance

Posts: 1

Participants: 1

Read full topic

↧

Capacitor Ionic app back button navigation issue on Android

April 15, 2020, 5:56 am
$
0
0

@Hadji04 wrote:

Hi everyone,

I am encountering a back button navigation issue on Capacitor Ionic app. The issue occurs in many pages but, for simplification, I’ll make an abstraction of those pages and suppose that the app contains two pages: Login and Register. The Login page contains an ion-chip which navigate to Register page with Ionic’s NavController navigateForward method . The Register page contains an ion-back-button .

When I use only the hardware back button, the navigation seems to work.

Transitions diagram 1
Transitions diagram 11366×768 127 KB

But when I navigate to Register page and navigate back with ion-back-button, I get this navigation stack when I keep on clicking on hardware back button : Login -> Register -> Login instead of staying in Login Page.

Transitions diagram 2
Transitions diagram 21366×768 168 KB

Do you have any solutions ?

I’ll appreciate your help.

Posts: 1

Participants: 1

Read full topic

↧

Error after changing app name

April 15, 2020, 6:06 am
$
0
0

@heardnetwork wrote:

I’ve changed the app name in Xcode from app, and now i get an error when i run sync. I changed it in the file inspector, and accepted the recommended Xcode changes, and i also changed the name from app in the pod file. Has anyone else seen this, is the only problem i’ve encountered with Capacitor so far, i’m loving it way more than cordova.

thanks

✖ Updating iOS native dependencies with "pod install" (may take several minutes): 
✖ update ios: 
[error] Error running update: Analyzing dependencies
Downloading dependencies
Generating Pods project
Integrating client project
Pod installation complete! There are 5 dependencies from the Podfile and 32 total pods installed.
xcodebuild: error: 'App.xcodeproj' does not exist.

Screenshot 2020-04-15 at 14.03.42
Screenshot 2020-04-15 at 14.03.421068×237 45 KB

Posts: 1

Participants: 1

Read full topic

↧
↧

HTTP native request

April 15, 2020, 6:25 am
$
0
0

@aquinaswuwua wrote:

Hey,

I am using the ‘ionic-native/http’ package in my project in order to make request on the android platform.

  1. the first problem I face is that the response received by the app is very slow when I am using ‘ionic capacitor run android’ command and android studio, it takes around 10-15 seconds to get the response ( from ‘https://jsonplaceholder.typicode.com/todos/10’). Is it normal?
  2. the second issue is about using http plugin in general. Following docs I got an error saying that plugin is not ready. I googled the issue and solve it by adding in app.component the following line:

`import { HTTP } from ‘@ionic-native/http’;

this.platform.ready().then(() => {
(…)
this.http = HTTP;
});`

But maybe it is not the proper solution.

Thank you for the help in advance!

Posts: 1

Participants: 1

Read full topic

↧

Segment change on menu item click

April 15, 2020, 6:34 am
$
0
0

@mehraj786 wrote:

now ![now1|244x435]
(upload://hmTQ88JteouY5YsJPsVKcTn9w1U.png)
hi i am using segments for new, quote and confirm i want come to new segment if i click on home menu how to achive this…let me know

Posts: 1

Participants: 1

Read full topic

↧
Search

Ionic v5 ion-radio needs help!

April 15, 2020, 6:50 am
$
0
0

@7doctor wrote:

the ion-radio component doesn’t have a checked attribute in version 5
so, maybe somebody can help me that how to set up default selection in the *ngFor list of ion-radio’s

    <ion-radio-group (ionChange)="radioHandler($event.detail.value)">
      <ion-item *ngFor="let service of srvices">
        <ion-grid>
          <ion-row class="ion-align-items-center">
            <ion-col size="2">
              <ion-radio [value]="service.id" [checked]="service.choosed"></ion-radio>
            </ion-col>
            <ion-col size="4">
              <ion-label [innerText]="service.name" class="usr-checkbox-text"></ion-label>
            </ion-col>
          </ion-row>
        </ion-grid>
      </ion-item>
    </ion-radio-group>

Posts: 1

Participants: 1

Read full topic

↧

Bug? Capacitor camera plugin breaks in PWA (browser-mode)

April 15, 2020, 7:49 am
$
0
0

@Catweazle101 wrote:

Hi all

Error:
As soon you call the getPhoto() method you will get the error: ‘Requested device not found’

Steps to reproduce:

Just do the official tutorial. It does not work anymore (I just did it):
https://capacitor.ionicframework.com/docs/guides/ionic-framework-app

OR

Clone the app I created to reproduce the problem:

Thanks for any feedback

Posts: 1

Participants: 1

Read full topic

↧
↧

Problem building iOS project from Ionic/Capacitor

April 15, 2020, 8:45 am
$
0
0

@syntillateapp wrote:

I’m trying to build an iOS version of an ionic/capacitor app, but there seems to be an issue with updating cocoa pods. Does anyone know how to resolve the following problem?

Error running update: /bin/sh: /usr/local/bin/pod: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such file or directory

Here’s my project info:

Ionic:

   Ionic CLI                     : 6.5.0 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.0.7
   @angular-devkit/build-angular : 0.803.26
   @angular-devkit/schematics    : 8.3.26
   @angular/cli                  : 8.3.26
   @ionic/angular-toolkit        : 2.2.0

Capacitor:

   Capacitor CLI   : 2.0.0
   @capacitor/core : 2.0.0

Utility:

   cordova-res                          : not installed
   native-run (update available: 1.0.0) : 0.2.6

System:

   NodeJS : v12.16.1 (/usr/local/bin/node)
   npm    : 6.13.4
   OS     : macOS Sierra

Posts: 1

Participants: 1

Read full topic

↧

Google Analytics without plugin

April 15, 2020, 8:50 am
$
0
0

@loganli wrote:

Hi Everyone,

We want to add Google Analytics to our app. We want to try the approach without using plugin. I simply added the gtag.js into the of index.html. And it started working when running on Android. Pageviews are showing in the realtime report. However in iOS this is not working. Pageviews are not showing up when running on emulator or on a real device. Anyone know the reason for this and how to resolve it?

Thanks a lot.

Posts: 2

Participants: 2

Read full topic

↧

Import Ionic CSS and Style in basic angular project

April 15, 2020, 12:35 pm
$
0
0

@naim64 wrote:

Hi !
I have a problems, i’m developping a web site/app in simple angular
tis is not a Ionic solution

I want to import the ionic “css” style to put some ionic component in my app BUT i dont want this to be a Ionic app/project.

All my app is with basic bootstrap component and i want to use like “ion-card” or other in some component
how can i do ? i tried to import some of the CSS present in @ionic/angular but it doesn’t work …

my version of angular is:
Angular CLI: 7.3.9
Node: 12.13.1
OS: linux x64
Angular: 7.2.15

if you need more details, just ask ! Thanks a lot !

Posts: 1

Participants: 1

Read full topic

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