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

Bug Android Keyboard

August 26, 2019, 10:45 am
$
0
0

@hm21 wrote:

Hello,
I have a problem with the Keyboard on Android devices. I think new android devices detect the keyboard height wrong.

Screenshot_20190826-190037_App
Screenshot_20190826-190037_App.jpg1080×2280 276 KB

In old android version the alert move automatic to the top of the keyboard, but now it is always at the same place and i can’t scroll, so if i have more input fields, i don’t see all input fields and i have no chance to write something at this fields.

And another problem is when i press the hardware-backbutton, the screen looks wrong because the keyboard is now a gray rectangle.

Screenshot_20190813-143445_Rapporte
Screenshot_20190813-143445_Rapporte.jpg1080×2280 91.4 KB

My versions:
-Ionic 5.2.6
-Cordova 9.0.0
-Cordova Platform Android 8.0.0
-Angular CLI 8.1.3

I testet it with old versions from ionic, cordova and angular and
build the project on a windows and mac device, and tried it with capacitor but nothing works.
So i created a new project in Ionic Studio but in the first image we see the result it dosen’t works…

I found this problems on Samsung Galaxy S7-S10 devices…
On the emulator for Nexus 5x and Pixel 2 all works fine, so i’m not sure if only samsung devices a problem.

Thanks for help

Posts: 1

Participants: 1

Read full topic

↧
Search

Which OS is required to install Ionic Studio?

August 26, 2019, 12:13 pm
$
0
0

@SIMBIOS wrote:

I am planning to install Ionic Studio but I do not know if it is possible to install it on Ubuntu.
Is it?
simbiosis@nauta.cu to send a quick answer

Thanks for your help and support

Posts: 1

Participants: 1

Read full topic

↧
↧

Firebase auth/operation-not-supported-in-this-environment with Capacitor

August 26, 2019, 1:06 pm
$
0
0

@dalezak wrote:

I’m having a problem with Capacitor when logging in to Firebase via GoogleAuthProvider.

const provider = new firebase.auth.GoogleAuthProvider();
provider.addScope('https://www.googleapis.com/auth/drive');
let response = await firebase.auth().signInWithPopup(provider);

Login works fine in the browser when running as PWA, however it fails with following error when running on iOS.

{“code”:“auth/operation-not-supported-in-this-environment”, “message”:“This operation is not supported in the environment this application is running on. “location.protocol” must be http, https or chrome-extension and web storage must be enabled.”}

Looks like a similar issue here and thread suggests, We don't support this environment. We only support Cordova apps for Android and iOS hosted from a file:// environment.

Does anyone have a workaround to get Firebase login to work in Capacitor?

Posts: 1

Participants: 1

Read full topic

↧

Added Capacitor & removed it. Appflow now giving Capacitor issues

August 26, 2019, 4:59 pm
$
0
0

@geshjosh wrote:

Hi. I added Capacitor to my project a week ago, now I wanna go back to Cordova. I removed all the Capacitor packages etc and all references from my code but now I’m getting Capacitor errors when trying to build my iOS app using Appflow.

Appflow states that it’s a Cordova project

[23:58:56]: --------------------------------
[23:58:56]: --- Step: detect_native_type ---
[23:58:56]: --------------------------------
[23:58:56]: Checking if cordova or capacitor project
[23:58:56]: Cordova project detected

however I’m getting this error

[23:57:11]: Generating app manifest...
[23:57:11]: $ ionic deploy manifest
[23:57:12]: ▸ [ERROR] The webDir property must be set in the Capacitor configuration file (capacitor.config.json).
[23:57:12]: ▸ See the Capacitor docs for more information: https://capacitor.ionicframework.com/docs/basics/configuring-your-app

anyone got a solution? Thanks.

Posts: 1

Participants: 1

Read full topic

↧

ERROR] An error occurred while running subprocess cordova

August 26, 2019, 6:15 pm
$
0
0

@DMoney wrote:

Check dependencies
Code Signing Error: No profiles for ‘com.angularfire.appName’ were found: Xcode couldn’t find any iOS App Development provisioning profiles matching ‘com.angularfire.appName’. Automatic signing is disabled and unable to generate a profile. To enable automatic signing, pass -allowProvisioningUpdates to xcodebuild.
Code Signing Error: Code signing is required for product type ‘Application’ in SDK ‘iOS 12.2’

** ARCHIVE FAILED **

The following build commands failed:
Check dependencies
(1 failure)
xcodebuild: Command failed with exit code 65
[ERROR] An error occurred while running subprocess cordova.

Building the project via cli:
sudo ionic cordova build ios -allowProvisioningUpdates

But I keep getting the error above and I have the project signed in xCode.

Please help

Posts: 1

Participants: 1

Read full topic

↧
↧

Run capacitor without react-scripts

August 26, 2019, 7:44 pm
$
0
0

@charlesyeo92 wrote:

Hi,

It seems like ionic capacitor run ios -l --address=0.0.0.0 is running react-scripts start by default.

Is there a way to run my ejected React app (From CRA) without using react-scripts in Ionic? I need to eject CRA to customise my Webpack.

Thanks.

Posts: 1

Participants: 1

Read full topic

↧

Response with status: 0 for url null

August 26, 2019, 10:35 pm
$
0
0

@stev2504 wrote:

async prosesRegister(){
this.register.action =“register”;
let type = “application/json; charset=UTF-8”;
let headers = new Headers();
let url = “https://****.com/trial/reg.php";
headers.append(‘Access-Control-Allow-Origin’ , '’);
headers.append(‘Access-Control-Allow-Methods’, ‘POST, GET, OPTIONS, PUT’);
let options = new RequestOptions({ headers: headers });
//this.http.post(“http://localhost/trial/loginreg.php”,this.register,options).subscribe((res)=>{
this.http.post(url,this.register,options).subscribe((res)=>{
//console.log(res)
//console.log(res.json);
/ if (typeof res["_body"] === ‘string’)
{ // let result = JSON.parse(res["_body"]);
let resstr = JSON.stringify(res);
let result = JSON.parse(resstr);}/
//console.log(”_body");
let result = JSON.parse(res["_body"]);
//console.log(“Parsing JSON”);
//console.log(result);
// let result = JSON.parse(res["_body"]);
if(result.status == “success”){
//if(res.status=200){
this.router.navigate([’/loading’]);
this.showToast(“Your Account Is Created Successfully”);
console.log(“Inserted successfully”);
}
else{
this.showToast(“Something went wrong”);
}
}, err=>{
console.log(err);
})
}

Posts: 1

Participants: 1

Read full topic

↧

Button not clickable on top of ng2-swipe-cards

August 27, 2019, 12:27 am
$
0
0

@Breezy12345 wrote:

Hi guys, does anyone know how to make a buttonn clickable on top of ng swipe cards? i tried even.stopPropagation() and event.preventDefault() with no luck.

below is my code.

<sc-card *ngFor=“let attendant of attendants”
[orientation]=“cardDirection”
[fixed]=“fixed”
[tinder-card]=“cardOverlay”
[callDestroy]=“attendant.destroyEvent”
[callLike]=“attendant.likeEvent”
(onLike)=“onCardInteract($event)”
style=“background-color:#1c1f2e;border-color: #1c1f2e”>

    <div class="pet_img" [ngStyle]="{'background-image': 'url('  + attendant.profile_pic + ')' }"></div>

<button no-margin style=“height:30px” ion-button block outline color=“light” tappable (click)=“saveRequest(attendant);” float-right>
CLICK ME

as you can see, my CLICK ME button isn’t tappable because of the [tinder-card] function which treats the entire card as swipe only. i need a way to make the card clickable while on top the card.
any help is highly appreciated.

Posts: 1

Participants: 1

Read full topic

↧
Search

Ionic 4 - Button inside sliding item wich is no item-option and clickable itself?

August 27, 2019, 12:46 am
$
0
0

@Maniksz wrote:

Hello,

does someone know a sulution for that code problem?
Try to use a button inside an ion-item -sliding, wich itself is a button and that button is not inside item-options.

<ion-button color="none" size="small" fill="clear" (click)="delete = !delete" >
          <ion-icon slot="icon-only" name="create" color="dark" *ngIf="!delete"></ion-icon>
          <ion-label *ngIf="delete" color="primary">done</ion-label>
        </ion-button>

<ion-list>

<ion-item-sliding [routerLink]="['/customer-Item', Item.Guid]" //tried as button and routerlink.
        *ngFor="let items of $items_filtered | async"> //for observable searchbar.

        <ion-item [button]="!delete">
          <ion-ripple-effect></ion-ripple-effect>

          <ion-label text-wrap>
            <h2>{{Item.name}}</h2>
            <p>{{Item.description}} | {{Item.number}}</p>
          </ion-label>

          <ion-button color="none" *ngIf="delete" slot="start" fill="clear" class="ibutton" (click)="delWarn(ev)"> // delWarn() is an  alert
            <ion-icon slot="icon-only" name="remove-circle" color="danger" size="large"></ion-icon>
          </ion-button>
        </ion-item>

        <ion-item-options>
          <ion-item-option *ngIf="!delete">Duplicate</ion-item-option>
        </ion-item-options>

      </ion-item-sliding>

  </ion-list>

should look kinda like iOS, but ion-button and the routerlink trigger at the same time.

Some suggestions?

Posts: 1

Participants: 1

Read full topic

↧
↧

This ionic is a Great!

August 27, 2019, 1:04 am
↧

Ionic 4 app stops working after a few days when deploying to iOS

August 25, 2019, 1:02 pm
$
0
0

@DMoney wrote:

I’m creating an Ionic 4/firebase project. It’s working fine on Android but iOS has been a huge headache from the start. I’m deploying to my android app via cmd line using ‘ionic cordova run android’. However, for iOS I have to deploy in xCode. When i initially deploy it’s working on the iOS device but after a few days when I try to launch the app from the iOS app the flash screen appears briefly then it just shuts down. I have to plug the device back in to the MAC and redeploy via xCode again, but again after a few days when I attempt to launch the app the flash screen appears briefly then it just shuts down without any error or warning. I’m not even sure how to debug this because I’m not getting any logs in xCode when it happens.

Yes, I have a profile provisioned with a dev team email address.

Posts: 1

Participants: 1

Read full topic

↧

Ionic Gradle error when building android project

August 27, 2019, 3:42 am
$
0
0

@MeHuLY123 wrote:

Hey, I am using android studio version 3.5 and when I add a platform to my project using Cordova Cordova platform add android@6.3.0 after adding a platform to my project when I sync my project to the android studio, I am getting this error in every project. and I have to do some changes in AndroidManifest.xml and build.gradle and then all I can build APK properly. but I have to avoid these changes anyone helps me that how can I avoid these errors?
the screenshots of errors are as follow:

  1. Wrapper error:
    error_1

  2. minSdkVersion error:

    error_2
    error_2.PNG1292×247 10.7 KB

Thank you in advance…

Waiting for your reply…

Posts: 1

Participants: 1

Read full topic

↧

How to create a Horizantal scroll with cards in ionic 4?

August 27, 2019, 3:48 am
$
0
0

@rageshantony wrote:

I am designing a sample map app

I am having a problem

In my app it is difficult to scroll the cards horizontally

I have to try multiple Times to scroll cards
.
Sometimes the cards are scrolling but not working many times

my Code

map page

  <div class="scrolling-wrapper">
        <div class="card" *ngFor="let hotel of hotels">

          <ion-card (click) = "markMap(hotel)">
            <ion-card-header>
              <ion-card-subtitle> </ion-card-subtitle>
              <ion-card-title></ion-card-title>
            </ion-card-header>
          
            <ion-card-content  style="text-align: center ;color: black">
                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
                    <path fill="#000000" d="M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z" />
                </svg> <br/>
              <span >{{hotel.hotelName}}</span>
            </ion-card-content>
          </ion-card>

        </div>
        
        
      </div>

map page scss


.map {
    height: 80%;
  }

  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }

  .scrolling-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  
    .card {
      display: inline-block;
    }
  }

please help me

image
image.jpg364×639 90.4 KB

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic-select set item-icon to the right

August 27, 2019, 4:21 am
↧

Set min and max time for ion-datetime

August 27, 2019, 4:48 am
$
0
0

@karthikmani15 wrote:

<ion-item>
  <ion-label position="floating">from</ion-label>
  <ion-datetime displayFormat="hh:mm a" pickerFormat="hh:mm a"
  [(ngModel)]="fromDate"></ion-datetime>
</ion-item>

<ion-item>
  <ion-label position="floating">to</ion-label>
  <ion-datetime displayFormat="hh:mm a" pickerFormat="hh:mm a" min="{{fromDate}}">
  </ion-datetime>
</ion-item>

above is my code, i am choose time for first one and set the selected time is minimum for the second one, i need this output but when i select pm i second datetime cannot work properly. what will do,please help to solve this.

Posts: 1

Participants: 1

Read full topic

↧
Search

Add `data-testid="xxx"` to Ionic React Project

August 27, 2019, 4:50 am
$
0
0

@Calendee wrote:

Does anyone know how to add a data-testid="home" tag to an Ionic v4 React page that has this general structure?

<>
      <IonHeader>
          ...
      </IonHeader>
      <IonContent>
         ...
      </IonContent>
</>

All page views are wrapped in a React fragment <>. You can’t add a data-testid to a fragment.

Adding to IonHeader like this <IonHeader data-test="id"> does not actually render with the test id. Nor is it very useful because the WHOLE page needs the test id, not just the header. Ditto with IonContent.

If you replace the React Fragment (<>) with a div, the page does not render at all.

Any ideas?

Posts: 2

Participants: 1

Read full topic

↧

Ionic master code

August 27, 2019, 6:37 am
$
0
0

@rajeshwar08 wrote:

Hello friends,

I am new to Ionic. I am using Ionic 4. I want to write a common html code in simple one file like index.html and call it from any page module of ionic. For example a common dialog or a loader wrote in index.html and calling it from any module page.
please help me out.
Thanks in advance.

Posts: 1

Participants: 1

Read full topic

↧
↧

How to deploy browser platform to AWS

August 27, 2019, 7:11 am
$
0
0

@vespinasgmailcom wrote:

I have an small app originally designed for Android phones. Now my customer want to give their customers the posibility to access this app from a browser. So, I made some changes to allow the app to be responsive, and then did this:

ionic cordova platform add browser
ionic cordova build browser

Now I want to deploy the app to my AWS test account, but I can’t find any tutorial or paper that shows how to do that with an Ionic app.

Any ideas or resources on how to accomplish this ?

TIA

Posts: 1

Participants: 1

Read full topic

↧

How to set IonicConfig for a specific platform in Ionic 4?

August 27, 2019, 8:03 am
$
0
0

@sirdas wrote:


import { IonicModule } from 'ionic-angular';

@NgModule({
  ...
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp, {
      tabsPlacement: 'bottom',
      platforms: {
        ios: {
          tabsPlacement: 'top',
        }
      }
    }, {}
  )],
  ...
})

This is from the ionic v3 website. Seems like using platforms is not possible in forRoot anymore. How do you do something like this in Ionic 4? I’m trying to set scrollAssist to false on Android and true on iOS as the auto scrolling doesn’t work properly on Android.

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 Error deploy to firebase

August 27, 2019, 8:53 am
↧
Viewing all 70900 articles
Browse latest View live
Search