Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all 49306 articles
Browse latest View live
↧

How to handle html response in ionic?

August 2, 2018, 9:21 pm
↧
Search

Ionic 3 virtual scroll not working on segment

August 2, 2018, 10:25 pm
$
0
0

@paulbuscano003 wrote:

Hi,

I have a problem and I want to display ion list with virtual in ion grid segment.

please see below screenshot.

29%20PM
Screen Shot 2018-08-03 at 1.19.29 PM.png1920x1080 622 KB

This is my code


<ion-header>
  <ion-navbar color="primary">
      <ion-toolbar class="player-sort">
          <ion-segment [(ngModel)]="segments">
            <ion-segment-button value="overview">
              <div class="sort-label">OVERVIEW</div> 
            </ion-segment-button>
            <ion-segment-button value="playbyplay" >
                <div class="sort-label">PLAY-BY-PLAY</div>
              </ion-segment-button>
              <ion-segment-button value="box">
                  <div class="sort-label">BOX SCORE</div>
                </ion-segment-button>
          </ion-segment>
        </ion-toolbar>
    <ion-title></ion-title>
  </ion-navbar>
</ion-header>

<ion-content fullscreen>
 <div [ngSwitch]="segments">
  <ion-grid *ngSwitchCase="'overview'" class="no-padding">
   <div>test</div>
  </ion-grid>
  <ion-grid *ngSwitchCase="'playbyplay'" class="no-padding">
   <ion-list [virtualScroll]="dataLogs"  approxItemHeight="100px">
     <ion-item *virtualItem="let dataLog"><div>{{ dataLog.actionNumber }}</div></ion-item>
   </ion-list>
  </ion-grid>
 </div>
<ion-content>

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic Fcm background push notification with bedge in app icon not working

August 2, 2018, 11:02 pm
↧

Display in ion-datetime a suggested value

August 2, 2018, 11:05 pm
$
0
0

@pclavequin wrote:

Hello,

I have the following need: the end-user should input a datetime in a field that is empty. Thanks to the business logic, this datetime can be suggested by the app. So what I would like to do is that clicking on the empty field displays the suggested datetime in both the field and the ion-datetime component.

Here is my code:

In HTML

			<ion-datetime 	displayFormat='YYYY-MM-DD HH:mm' 
							pickerFormat='YYYY-MM-DD HH:mm'
							text-center 
							(click)="init_worked_time()" 
							[(ngModel)]='worked_time'>					
			</ion-datetime>

In Typescript

	init_worked_time() {
		if (this.worked_time == undefined) {
			if (this.times.start_time != 0) { 
				let tzoffset = (new Date()).getTimezoneOffset() * 60000;
				this.worked_time = moment(this.times.start_time).subtract(tzoffset, 'milliseconds').toISOString().slice(0, -1);
			} 
		}
	}

The problem is that the suggested value is well displayed in the field after clicking on it but the ion-datetime component shows the current UTC time (even not local time…)

WechatIMG316

Is there any better approach for such need? Or maybe is there any possibility to update programmatically the displayed value of the ion-datetime component?

Thanks!

Posts: 1

Participants: 1

Read full topic

↧

How to retain the instance of a modal page?

August 2, 2018, 11:37 pm
$
0
0

@Vishnu94 wrote:

I want to implement a filter page(modal page) where applied filters clear only when clear button is clicked. not by closing the modal page. Is there any way to get the instance of the modal page and pass it again??

Posts: 1

Participants: 1

Read full topic

↧
↧

Please help App rejected

August 3, 2018, 12:53 am
$
0
0

@youssef_tdi wrote:

Guideline 4.2 - Design - Minimum Functionality

We found that the usefulness of your app is limited by the minimal amount of content or features it includes.

Next Steps

We encourage you to review your app concept and incorporate different content and features that are in compliance with the App Store Review Guidelines.

We understand that there are no hard and fast rules to define useful or entertaining, but Apple and Apple customers expect apps to provide a really great user experience. Apps should provide valuable utility or entertainment, draw people in by offering compelling capabilities or content, or enable people to do something they couldn’t do before or in a way they couldn’t do it before.

Since your App Store Connect status is Rejected, a new binary will be required.

any solution or idea ??

Posts: 1

Participants: 1

Read full topic

↧

Guideline 4.2.6 - Design - Minimum Functionality

August 3, 2018, 1:00 am
$
0
0

@youssef_tdi wrote:

hi i have the same reject and i show my website content in my app
what should i do to tell apple i want to show my website in my app
thanks in advance

Posts: 6

Participants: 2

Read full topic

↧

Ionic v4 Electron build

August 3, 2018, 1:20 am
$
0
0

@hecht wrote:

Hey guys,

Did anyone already an sucessfull electron build with ionic v4?
I saw in the official beta docs that this is natively supported.
Link to Docs
Also I saw what requirements I have for the specific OS but I can’t find anywhere an guide what I have to do.
Can anyone say me what I have to do?

Posts: 2

Participants: 2

Read full topic

↧
Search

Ionic V4 datetime picker

August 3, 2018, 2:06 am
$
0
0

@Pancha27 wrote:

<ion-item class="lableStyle">
      <ion-icon style="margin-top: 25px;" name="star" slot="start"></ion-icon>
      <ion-label position="floating">Birthday</ion-label>
      <ion-datetime id="newContactBirthday" display-format="MMMM DD, YYYY"></ion-datetime>
    </ion-item>

localhost_8102_deal_contactPersonDetails(Galaxy%20S5)
localhost_8102_deal_contactPersonDetails(Galaxy S5).png1080x1920 125 KB

If i click done using default date. it seems like this,

localhost_8102_deal_contactPersonDetails(Galaxy%20S5)%20(1)
localhost_8102_deal_contactPersonDetails(Galaxy S5) (1).png1080x1920 103 KB

didn’t see the date.

Posts: 2

Participants: 2

Read full topic

↧
↧

Facebook Login workin on Android not on IOS

August 3, 2018, 2:32 am
$
0
0

@Clickmir wrote:

We are developing an app on Windows and once we developed the app and pack for Android the Facebook login works properly.

Once we move on IOS the login allow the redirect to Facebook but when redirects to the app the login doesn’t happen.

We are using ionic v3.20. I checked the logo of xCode but I could not find any error related to it (Or maybe I overlooked) Someone can help troubleshoot the issue?

Posts: 1

Participants: 1

Read full topic

↧

The image is not being posted to api in ionic

August 3, 2018, 3:28 am
$
0
0

@ksujanpaul wrote:

I’m working on the ionic application which uses POST API. And I am feeding that POST API with an image/blob but not taking that image into it. If the api took the image then it’ll return a string as an output and it should be visible in the HomePage in ionic.

Here is the code.

givetoapi(){
  var uploadingImage = new Image();
  uploadingImage.src = "../assets/imgs/banana.jpg";
  let headers = new Headers();
  headers.append('content-type','image/*');
  let url = 'http://af46cff3.ngrok.io';
  let postData = JSON.stringify({
    key :'predimg',
    value :uploadingImage.src
  })
  let data:Observable<any> = this.http.post(url,postData)
  data.subscribe((result) => {
    console.log(result)

Posts: 4

Participants: 2

Read full topic

↧

Ion-icon size should be 100% width and it should touch footer head and bottom in all mobile devices

August 3, 2018, 4:33 am
$
0
0

@arynshaikh wrote:

<ion-grid no-padding style="height:100%;">
  <ion-row style="height:100%;">
    <ion-col style="align-self:center;" no-padding>
      <button ion-button clear style="height:100%;margin-top:0px; margin-bottom:0px;">
        <ion-icon name="name="radio-button-off"" style="font-size:300%;" (click)="capture()" large color="light"></ion-icon>
      </button>
    </ion-col> 
   
  </ion-row>
</ion-grid>

Posts: 1

Participants: 1

Read full topic

↧

Ionic 2 Cordova Android Image Upload Error:

August 3, 2018, 4:36 am
$
0
0

@humayuntanwar wrote:

I m trying to get the image from the gallery or the camera of android as fileURI and then convert it into File Using resolveLocalFilesystemUrl

const options: CameraOptions = {
  quality: 100,
  correctOrientation: true,
  destinationType: this.camera.DestinationType.FILE_URI,
  encodingType: this.camera.EncodingType.JPEG,
  mediaType: this.camera.MediaType.PICTURE,
  sourceType: sourceType
}

and then:

// Get the picture

this.camera.getPicture(options).then((imageData) => {
  console.log("now here !");
  console.log(imageData);

the imageData I’m getting is:

file:///storage/emulated/0/Android/data/io.ionic.app5/cache/IMG-20180802-WA0004.jpg?1533286934006

the error I’m getting is at " this.file.resolveLocalFilesystemUrl(imageData) "

let loading = this.loadingCtrl.create();
loading.present();
console.log(imageData);

// Resolve the picture URI to a file
this.file.resolveLocalFilesystemUrl(imageData).then(oneFile => {

    // Convert the File to an ArrayBuffer for upload
    this.file.readAsArrayBuffer(this.file.tempDirectory, oneFile.name).then(realFile => {
        let type = 'jpg';
        let newName = this.awsProvider.randomString(6) + new Date().getTime() + '.' + type;

And the ERROR is:

cordova.js:422 Wrong type for parameter "uri" of resolveLocalFileSystemURI: Expected String but got Null.

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic4 with react

August 3, 2018, 5:14 am
↧

How to throw control an Exception in a Subscription that uses a promise

August 3, 2018, 7:19 am
$
0
0

@Kyrax80 wrote:

Hi guys, I have the following code in a small test:

constructor(public navCtrl: NavController, public http: HTTP, public http2: HttpClient) {

  this.a().subscribe(() => {

    }, () => console.log("error"))
  }

  a(): Observable<any> {
    return new Observable(observer => {
      this.http.get("d", {}, {}).then(() => {
        observer.next(1);
        observer.complete();
      })
    })
  }

How can I get the , () => console.log("error") in the subscription be executed when an exception occurs in the promise?.

Thanks.

Posts: 2

Participants: 1

Read full topic

↧
Search

Using non native ionic plugin

August 3, 2018, 8:19 am
$
0
0

@mdline wrote:

Hello,

I am using the https://github.com/DavidStrausz/cordova-plugin-live-ocr, which is in Ionic 2 and I want to use it in my Ionic 3 project.
So what I do is copy the project in my root directory and create the package.json via npm init
Then I install the cordova plugin ionic cordova plugin add cordova-plugin-live-ocr

When I use it on my IOS device, I got an error like undefined is not an object (evaluating cordova.plugins.LiveOcrPlugin)

My code:

import {Component} from "@angular/core";
import {Loading, LoadingController} from "ionic-angular";

declare var cordova;

@Component({
  selector: 'scan',
  templateUrl: 'scan.html'
})

export class Scan{


  constructor() {
  }


  private scan() {
    cordova.plugins.LiveOcrPlugin.recognizeText(
      (success) => {
        
      },
      (error) => {
    
      });
}

  }
}

Please help!

Posts: 1

Participants: 1

Read full topic

↧

Align ion-fab buttons horizontal center

August 3, 2018, 9:11 am
$
0
0

@mbhutto wrote:

Hey Guys, I’m new to ionic and to this forum.This is my first ever topic on this forum. Hope I’ll get the proper solution from ionic experts:

So basically, I’ve 3 ion-fab button for social logins and I want to align them horizontal center like this:
middle

I tried many solutions, but no luck. Here’s my code:

  <ion-fab bottom center>
    <ion-row text-center>
      <ion-col>
        <button ion-fab fab-fixed color="primary" (click)="facebookLogin()"><ion-icon name="logo-facebook"></ion-icon></button>
      </ion-col>
      <ion-col>
        <button ion-fab fab-fixed color="danger" (click)="googleLogin()"><ion-icon name="logo-googleplus"></ion-icon></button>
      </ion-col>
      <ion-col>
        <button ion-fab fab-fixed color="secondary" (click)="twitterLogin()"><ion-icon name="logo-twitter"></ion-icon></button>
      </ion-col>
    </ion-row>
  </ion-fab>

This is what I get from above code?
![Screenshot_1533317240|690x137](upload://uW1QYYOR2kOpC2ewZwFUgcWqeaI.png)

Please can someone tell me proper solution. Any idea where I'm wrong?

Posts: 1

Participants: 1

Read full topic

↧
↧

How to show & hide element next to anchor tag

August 3, 2018, 11:32 am
$
0
0

@jainajay1989 wrote:

<ion-card *ngFor=“let r of rewards”>


<a (click)=“showDesc($event)”>View Description

<p *ngIf=“this.descDisplay”>{{r.description}}


.ts file code

showDesc($e:any) {
this.descDisplay = !this.descDisplay;
}

I am new to ionic but here I stuck. I want to hide <p *ngIf=“this.descDisplay”>{{r.description}}

when clicked on anchor tag but the problem is I have multple element as its under loop so If I put code the it show/hide all element at once. So I want to hide <p *ngIf=“this.descDisplay”>{{r.description}} next to click element.

Posts: 1

Participants: 1

Read full topic

↧

Redirect on login page after 30 seconds of inactivity

August 3, 2018, 11:48 am
$
0
0

@jainajay1989 wrote:

I have requirement where we need to redirect user on back to login screen if no activity on till 30 seconds.

Please help how to do it.

Posts: 1

Participants: 1

Read full topic

↧

How to use Vanilla Javascript with ionic4/Cordova App

August 3, 2018, 12:02 pm
$
0
0

@Curious wrote:

There doesn’t seem to be an area for ionic-v4 yet so I’m posting here.

I’m not trying to add to the forum duplication, but I’ve asked before, again:
Is there any way to use ionic-4 with plain javascript? I can’t seem to get an answer. I do not want to use a CDN link. I wish to use this within a cordova app entirely on the client side. So, I need to download the necessary items and use it in the of my html page. Like you would add any file/folder. So easy with jquery. Just download the entire file and add the script to the header: src=“js/Jquery-2.2.3.js” type=“text/javascript”

Can anyone help? Ionic 4 promised support for plain vanilla javascript and other platforms, but how is it being done? I do not want to be restricted to using Angular.

Thanks.
-Rachel

Posts: 1

Participants: 1

Read full topic

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