I am trying to display two columns within a row in my ionic/angular project. the its just creating a stack where the other content is in the bottom. this is also my css <ion-grid class="rewards-container" *ngIf="!noRewardsData"> <ion-row class="row-container"> <ng-container *ngFor="let…
special characters are accepting in input field . i am using the field for storing the serial number. serial number is alphanumeric <ion-input [(ngModel)]="serial_number" (ngModelChange)="validation($event)" #serialno id="serialno" class="cac-input"></ion-input> validation(event) { const inputElement = document.getElementById('serialno') as HTMLInputElement; const pattern = /^[a-zA-Z0-9]*$/;…
i have a project in ionic 5 . after successful login and close the app after again opening the app shows a 1 sec login page and then redirect to routed page ,which my case is home how to prevent…
I've been running into some hiccups with Ionic while making requests to my database. I want to talk about the login endpoint, where we authenticate users using Firebase. After that, we use the response data to make a second request…
I am trying to implement an Ionic Angular app with Push Notifications capabilities (both on Android and iOS). I am using the official Capacitor Push Notifications Plugin for this. this is what i have on the AppDelegate.swift file: import UIKit…
IONIC CAPACITOR AND REACT FOR NATIVE AND WEB APPS When I m fetching photo data from google api with that code below. It works good but when i inspect on website i can see on photo src my APIKEY how…
I'm using Ionmic 7 with React 18. I have this simple list of items that can be checked or edited. <IonList> <IonLabel> <strong>Select Items</strong> </IonLabel> {items.map((item) => ( <IonItem key={item}> <IonCheckbox slot="start" name="selectedItems" value={item} /> <IonLabel>{item}</IonLabel> <IonIcon icon={pencilOutline} slot="end" onClick={onEditHandler(item)}…
I have an ion-select which should contain an ion-icon at the end. The icon should change depending on whether the ion-select is open or closed. Problem: My icon changes correctly when the ion-select is open but no longer when the…
I am getting the following error when trying to deploy to a real IOS device with my Macbook Pro M2: I cannot find any "select your Developer App certificate" option in the VPN & Device Management screen: Here is the…
I'm using Ionic 7 and React 18. How do I cause a particular input on a form to automatically have the focus of the cursor when that component is loaded? I thought "autofocus" was the way <IonInput autofocus placeholder='First Name'…