Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228514 articles
Browse latest View live
↧

How to add a background image to Ionic 4

January 27, 2020, 2:19 am
$
0
0

dont make any class in ion-content here is only path issues use this

–background: url(…/…/assets/images/bg.png) no-repeat 100% 100%;

w3codemasters

↧
Search

[SOLVED] Downloading videos from server to device gallery

January 27, 2020, 2:31 am
$
0
0

when i wrote cordova.plugins.MediaScannerPlugin.scanFile i have error under MediaScannerPlugin is not find ! anyidea pls

↧
↧

Badge plugin for capacitor

January 27, 2020, 2:32 am
$
0
0

Probably a stupid question - since IOS 13.3 not getting badge notifications (though push are working fine). Is this a straightforward plugin or is it an issue with IOS 13.3?

↧

Submenu for sidemenu in ionic 3

January 27, 2020, 2:34 am
$
0
0

That zip file contains the full code, including app.component.html and app.component.ts

↧

ERR_FILE_NOT_FOUND(file:///android_asset/www/index.htm) & ERR_CONNECTION_REFUSED(http://localhost/)

January 27, 2020, 2:35 am
↧
↧

CI/CD Pipeline for Ionic Apps using Azure

January 27, 2020, 2:36 am
$
0
0

Hi all
We want to use Microsoft Azure for CI/CD for our ionic app.
We are trying it but unbale to find .ipa or .app file in artifacts inside azure pipeline.
No proper documentation is provided from Microsoft Azure.
Many of you can give suggestion to use Ionic Appflow but we need to do it with Microsoft Azure.

if anyone of you done it recently specially for ionic-ios then let me know.

Thanks

↧

Unable to Inspect for playstore downloaded apps

January 27, 2020, 2:39 am
$
0
0

Ok. Thankyou for your suggestion.

↧

Unable to focus input at very first time in ionic

January 27, 2020, 2:44 am
$
0
0

This is my sample login screen code

`

<img src="assets/icon/tetra.png"   style="width: 47px;height: 35px;"  class="logo-cs" />
ID Username Password
Login

`

It is not focusing on the input field when I tapped on the input field
after some time it was tapping and showing keyboard

below is my login.ts code

ionViewLoaded() {

    setTimeout(() => {
     // Keyboard.show();
       // for android
      this.userid_ip.setFocus();
      this.uname_ip.setFocus();
      this.password_ip.setFocus();    
    },150); //a least 150ms.

   
  }
↧
Search

Full screen slides / photo gallery

January 27, 2020, 2:57 am
$
0
0

Finally below code is what i need:

platform.registerBackButtonAction(() => {
      try {
        // If full-size image gallery is open, close it.
        if (document.getElementsByClassName('pswp--open').length !== 0 && document.getElementsByClassName('pswp__button--close').length !== 0) {
          (document.getElementsByClassName('pswp__button--close')[0] as HTMLElement).click();
        }
        else
          this.platform.exitApp();
      } catch (error) {
        console.log(error.errorMessage);
      }
    }, 0);
↧
↧

(Absolute Headache) CompileAssetCatalog error when running ionic cordova run ios

January 27, 2020, 3:13 am
$
0
0

Same problem. Did you managed to solve it?

↧

Cordova-plugin-fcm-with-dependecy-updated plugin

January 27, 2020, 4:01 am
$
0
0

Hi Ionic team. We faced with the problem we can’t make android build work with this plugin: cordova-plugin-fcm-with-dependecy-updated. But we need this plugin to add push notifications functionality to our app. Please suggest a solution.

↧

Ng serve failing to compile in ionic 4

January 27, 2020, 4:04 am
$
0
0

have tried but my project is not working. After trying all that it is still warning failed to compile

↧

How to build browser version in Ionic 4

January 27, 2020, 4:13 am
$
0
0

This one worked for me,
I used my folder name instead of /app/ in the above code
and uploaded everything under that folder and found working good.

↧
↧

Explicitly specify a type for created components in ionic 4

January 27, 2020, 4:18 am
$
0
0

I have a vague recollection from some time ago that the answer to my question is “no”, but…

Is there any way in ionic 4 to explicitly specify the type of a component returned from a create method? For example, on an ion-loading or ion-modal


when you do:

const loading = await this.loadingController.create({message: ‘Hellooo’,duration: 2000});

or:

const modal = await this.modalController.create({component: ModalPage});

Is there anyway at all to import the type (like you used to be able to do in ionic 3) and define it, so your code would look like this…

const loading:Loading = await this.loadingController.create({message: ‘Hellooo’,duration: 2000});

or:

const modal:Modal = await this.modalController.create({component: ModalPage});

I can see that the types “are” defined and exported here:

and

I just can’t find what import statement gets access to them??? Like I say, I have this distant memory that you’re not actually supposed to do this anymore for “some reason”.

Can anyone shed any light?

↧

How can I control permissions if user denies to acces location

January 27, 2020, 4:21 am
$
0
0

Hi everyone. I want to show a message to user when he denies the permission of using location access. How can I do it? I somehow miss it somewhere.

 geoLatitude: number;
  geoLongitude: number;
  isActive: boolean;
  isLocationEnabled = false;
  locationSupported: boolean;
  locationPermissionsDenied: boolean;
  authorizedLocation: boolean;

  constructor(private location: Location, private httpService: HttpService, private geolocation: Geolocation,
    private formBuilder: FormBuilder, private diagnostic: Diagnostic, public alertController: AlertController,
    private platform: Platform, private openNativeSettings: OpenNativeSettings) { }

getGeoLocation() {
    this.geolocation.getCurrentPosition({ maximumAge: 3000, timeout: 5000, enableHighAccuracy: true }).then((resp: any) => {
      this.locationPermissionsDenied = false;
      this.geoLatitude = resp.coords.latitude;
      this.geoLongitude = resp.coords.longitude;
      const city = {
        isActive: this.isActive,
        latitude: this.geoLatitude,
        longitude: this.geoLongitude
      };
      console.log(this.geoLatitude);
      this.httpService.changeIsActive(this.isActive);
      this.httpService.changeCity(city);
    }).catch((error) => {
      alert('Error getting location ' + JSON.stringify(error));
    });
  }

  controlPermissions() {
    this.diagnostic.isLocationEnabled().then((res) => {
      console.log(res);
      this.locationSupported = res;
      if (this.locationSupported) {
        this.diagnostic.getLocationAuthorizationStatus().then((status) => {
          console.log(status);
        })
          .catch((err) => {
            alert(JSON.stringify(err));
          }),
          this.diagnostic.isLocationAvailable().then((authorized) => {
            console.log(authorized);
            this.authorizedLocation = authorized;
            if (!this.authorizedLocation) {
              this.locationPermissionsDenied = true;
              this.isActive = false;
            }
          }).catch((err) => {
            alert(JSON.stringify(err));
          });
      }
    }).catch((err) => {
      alert(JSON.stringify(err));
    });
  }

In my component view:

<ion-grid class="geoGrid">
      <ion-row justify-content-center align-items-center>
        <ion-col>
          <ion-label position="stacked" class="geoLabel"
            >Use current location</ion-label
          >
        </ion-col>
        <ion-col class="geoToggle">
          <ion-item lines="none">
            <ion-toggle
              slot="start"
              name="blueberry"
              [(ngModel)]="isActive"
              (ionChange)="getGeoLocation($event)"
            ></ion-toggle>
          </ion-item>
        </ion-col>
      </ion-row>
      <ion-row *ngIf="locationPermissionsDenied">
        <ion-col>
          <ion-label position="stacked" class="geoLabel">
            Location Permissions are denied. Please enable them in
            <div
              class="nativeSettings"
              (click)="navigateToNativeSettings()"
              tappable
            >
              Settings
            </div>
            to access location.
          </ion-label>
        </ion-col>
      </ion-row>
    </ion-grid>
↧
Search

Focus is not pointing to first input

January 27, 2020, 4:37 am
$
0
0

Hi, I have 3 input fields, focus is pointing to 3 input field, but I need on first input field only. how can we do this. please help me.below is sample code.

<ion-content style=" background-image: linear-gradient(#92c95c, #00a5d1);">
  <div class="">
                  
    <img src="assets/icon/tetra.png"   style="width: 47px;height: 35px;"  class="logo-cs" />  
    
</div>
<div style="background-color: #fff;
border-radius: 5px;margin:20% 8%; width:300px;position: fixed;">
  <ion-item >
      <ion-label stacked>ID</ion-label>
      
      <ion-input type="password" [(ngModel)]="uid" #uidip autofocus="true" ></ion-input>
    </ion-item>

<ion-item >
  <ion-label stacked>Username</ion-label>
  <ion-input [(ngModel)]="username" #unip ></ion-input>
</ion-item>

<ion-item style="margin-bottom: 5px;">
  <ion-label stacked>Password</ion-label>
  <ion-input type="password" [(ngModel)]="password" #pwdip></ion-input>
</ion-item>
<div text-center margin-top>
  <button ion-button color="secondary" (click)="login(uid,username,password)" routerLink="/chatHome" style="width: 90%;
  border-radius: 5px;background-color: #7CB342;">
    Login
  </button>   

  </div>
</div>


</ion-content>

Below is my login.ts

  ionViewLoaded() {

    setTimeout(() => {
     // Keyboard.show();
       // for android
      this.userid_ip.setFocus();
      // this.uname_ip.setFocus();
      // this.password_ip.setFocus();    
    },150); //a least 150ms.

   
  }
↧

Ionic + Drupal series

January 27, 2020, 4:55 am
$
0
0

If we ask you about everyday objects that you use the most, the immediate one on the top of the list will probably include your smartphone, tablet, or laptop. We use these for a variety of purposes beyond mere communication. With the development of modern technology, it is possible to entertain ourselves in many different ways, follow the lives of people who inspire us, learn something new, track our health conditions, and do necessary shopping. For all these reasons, we create and use dozens of new applications designed to make our life more pleasant and convenient. And we feel great when they fulfill their claim.
read more here https://anyforsoft.com/blog/building-mobile-app-using-ionic-and-drupal-8

↧
↧

Building a Mobile App Using Ionic and Drupal 8

January 27, 2020, 5:22 am
$
0
0

If we ask you about everyday objects that you use the most, the immediate one on the top of the list will probably include your smartphone, tablet, or laptop. We use these for a variety of purposes beyond mere communication. With the development of modern technology, it is possible to entertain ourselves in many different ways, follow the lives of people who inspire us, learn something new, track our health conditions, and do necessary shopping. For all these reasons, we create and use dozens of new applications designed to make our life more pleasant and convenient.

↧

Err: Uncaught (in promise): plugin_not_installed

January 27, 2020, 5:28 am
$
0
0

Hi,

I am currently facing this issue, that when I run my app in debug mode on my iOS device, i get this super error. But the problem is, I really dont know which plugin is not installed…

Is there any way to get the name? Because message plugin not installed is super super super, useless message…

Thank You for your advice

↧

Err: Uncaught (in promise): plugin_not_installed

January 27, 2020, 5:36 am
$
0
0

Please try to debug your app on safari browser and check the console for detailed error.

↧
Viewing all 228514 articles
Browse latest View live
Search