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

Callback response problem

$
0
0

@Hellowar wrote:

Use a php twitter api with the oto, but my problem is the latest the normal authentic client on twitter but the callback for a php page called callback.php, but how do I submit its version to the ionic? all that exists within the ionic browser the twitter api link I get by http: with me and returns the link to the button of the client I type the data delete on twitter and twitter page sends to a page of my site called callback. php but What is required to detect ionic detectors and data that are displayed in json and saved with native storage.

Posts: 1

Participants: 1

Read full topic


Alert with raio and other input type

$
0
0

@saulofr wrote:

Hi, I wish add other input type in alert like this:

let alert = this.alertCtrl.create();
alert.setTitle(‘Sample’);
alert.setMessage('Enter with mean of sampling ');

    alert.addInput({
        type: 'radio',
        label: '10 seg',
        value: '10s'
    });

    alert.addInput({
        type: 'radio',
        label: '1 min',
        value: '1m',
        checked: true
    });

    alert.addInput({
        type: 'radio',
        label: '5 min',
        value: '5m'
    });

    alert.addInput({
        type: 'radio',
        label: '10 min',
        value: '10m'
    });

    alert.addInput({
        type: 'radio',
        label: '15 min',
        value: '15m'
    });

    alert.addInput({
        type: 'number',
        name: 'specific',
        placeholder: 'Or enter with a specific value (ex: 3600)',
    });

    ...

Posts: 1

Participants: 1

Read full topic

Get Data from website and math

$
0
0

@roxdox wrote:

Hi,

I wanna build an app that will have a log in page to connect to my school website and goes to the grades link and get those grades and estimate the final grade for the student know how well it should take to the next tests. I have know idea how to connect to the website from my form and how to “extract” this data and make the math.
Just to make it clear I don’t have access to the database. I should happen with the student login to the website.

Can anyone help?

Thanks !

Posts: 1

Participants: 1

Read full topic

Serving iPhone X

Confetti animation

$
0
0

@sengoontoh wrote:

Does anyone have any ideas how to create a confetti animation or balloon floating animation in the app? I’m thinking something like Facebook when you say “Congratulations” the whole screen fills up with confetti or floating balloons.

Thanks

Posts: 1

Participants: 1

Read full topic

Save to Firebase using unique userID

$
0
0

@Louis101 wrote:

// These rules grant access to a node matching the authenticated
// user’s ID from the Firebase auth token
{
“rules”: {
“users”: {
"$uid": {
".read": “$uid === auth.uid”,
".write": “$uid === auth.uid”
}
}
}
}

This doesnt grant a user permission to read or write? However, I would like each user to have their own Node, any help would be great thanks

Posts: 2

Participants: 2

Read full topic

Creating tables in Ionic

$
0
0

@Renan1309 wrote:

Hello, I am new to ionic and I have a bit of trouble with the tags someone could tell me a way of how I can make a table on the screen of my app matches that of the image

dd

Posts: 1

Participants: 1

Read full topic

How to build a complicated local database

$
0
0

@jamesharvey wrote:

Hello guys,

I’m building an app with many html pages containing different info.
Each page needs different media files loaded inside and each of them can be navigated using a search bar implemented as a part of menu.
I realized this configuration is not be the best and am trying to downsize the number of pages into only one and build a local database to load data to divs on my page.

How do you guys configure this kind of set up?
and how can I make search result load data and lots of media files properly to many different divs?
Especially, how can I make specific functions loaded from a database?
So, with a single click on search database, the whole content of HTML page should change.
I would appreciate any example ts files or relevant tutorials.

Thanks,

Posts: 1

Participants: 1

Read full topic


Make checkbox for my app

$
0
0

@bs24 wrote:

Hello. I create an application where I need to apply a checkbox, but configure it so that a person can select first 1 option from the entire list and then click on the “Save” button, when pressed, the selected cells were saved into memory. How to do it?

Posts: 1

Participants: 1

Read full topic

Set focus to an input that is hidden with *ngIf

$
0
0

@rayanwiper wrote:

Hello,

I am trying to create a dynamic form that hides and shows one input at a time.

I would like to be able to jump to the next input when the ngIf doesnt hide it anymore. So far I have found this directive :

import { Directive, AfterViewInit, ElementRef } from '@angular/core';

@Directive({
  selector: '[directFocus]'
})
export class AutofocusDirective implements AfterViewInit {

  constructor(private elementRef: ElementRef) { };

  ngAfterViewInit(): void {
      this.elementRef.nativeElement.focus();
  }

}

But it doesn’t work … Has anyone come past such a problem ?

Thank you,

Posts: 1

Participants: 1

Read full topic

Using External JQuery Date Picker Plugin in Ionic 3

$
0
0

@waleedshkt wrote:

Hi guys,

I would like to use a cool external JQuery plugin for picking dates in my ionic 3 project. Check out the cool date picker plugin here

The details are provided on how to go about installing and using it. But with respect to installing using typescript, no information is give. I have read some useful posts online discussing various ways to install JQuery and Moment.js which are required files for the above mentioned date picker. Since I am relatively new to ionic and typescript, complicated explanations provided fly right above my head.

Therefore, I would greatly appreciate if someone familiar with using similar external js libraries could guide me step-by-step :slight_smile:

I’m currently using latest ionic version.

Following are the files required by the JQuery date picker:

  • Jquery
  • Moment.js
  • Calender.css
  • ES5.js or ES6.js

Posts: 2

Participants: 2

Read full topic

Customizing or Styling Ionic OneSignal Notification

$
0
0

@sneceesay77 wrote:

I was able to set up my app notification using OneSignals Ionic SDK. I am successfully sending notification to all or individual devices. My problem is I am unable to customise the default notification and I can’t find much details about this online. For example, how can I change the background colour of the notification alert and also remove the OK button?

Posts: 1

Participants: 1

Read full topic

Where defined all pages or new pages in ionic-starter-super v2

$
0
0

@akshaybilani wrote:

i try to search where defined all pages of ionic starter super , i search in app ,app components and module,and
all file of the of super template where these file is defined and i want to add new file in this but can’t do that,
give me suggestion where i am defined new pages.

Posts: 4

Participants: 3

Read full topic

Pages Getting Deleted On Making Changes in the html file

$
0
0

@himanshuangular195 wrote:

i am using ionic version 3.19.0
npm v-5.6.0
node version-8.9.3
cordova version-8.0.0

other dependencies of my project
"dependencies": {
"@angular/common": “5.0.3”,
"@angular/compiler": “5.0.3”,
"@angular/compiler-cli": “5.0.3”,
"@angular/core": “5.0.3”,
"@angular/forms": “5.0.3”,
"@angular/http": “5.0.3”,
"@angular/platform-browser": “5.0.3”,
"@angular/platform-browser-dynamic": “5.0.3”,
"@ionic-native/core": “4.4.0”,
"@ionic-native/splash-screen": “4.4.0”,
"@ionic-native/status-bar": “4.4.0”,
"@ionic/pro": “1.0.16”,
"@ionic/storage": “2.1.3”,
“ionic-angular”: “3.9.2”,
“ionicons”: “3.0.0”,
“rxjs”: “5.5.2”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.18”
},
“devDependencies”: {
"@ionic/app-scripts": “3.1.6”,
“typescript”: “2.4.2”
},
“description”: “An Ionic project”
}

Posts: 1

Participants: 1

Read full topic

When i am select an option in Ionic 3 dynamic ion-select and again click on select it display all selected options

$
0
0

@Karishma wrote:

hello guys… i need some help in ionic 3 dynamic ion-select : when i am select an option in Ionic 3 dynamic ion-select and again click on select it display all selected options

Posts: 1

Participants: 1

Read full topic


Ionic cordova android build issue

$
0
0

@anandacharya wrote:

Hi How can I solve?
Please, Ionic team, When I installed push notification and firebase plugin I face this issue

:generateDebugResValues

:processDebugGoogleServices
Found com.google.android.gms:play-services-location:11.+, but version 9.0.0 is needed for the google-services plugin.
Found com.google.android.gms:play-services-auth:+, but version 9.0.0 is needed for the google-services plugin.
Found com.google.android.gms:play-services-identity:+, but version 9.0.0 is needed for the google-services plugin.
:processDebugGoogleServices FAILED

suggest me I have found all solution in google but nothing is work.

Posts: 1

Participants: 1

Read full topic

Adding a new ion-Slide to the beginning

$
0
0

@Essometer wrote:

Hello, I have a problem making my slider Component working and I don’t know if it is even possible.
I want to dynamically add slides to the front and to the back, as loading all the slides at once would heavily impact performance. Right now I load up to 20 slides and if the user want to see articles beyond that, the slides should be add in time. So when the end is reached, a new slides is added to the DOM and the user can slide to the now last slide and so on.

This works perfectly for slides in the end on the list, but not for slides at the front. It is probably due to the tact that is it easier to just concat a value onto a list then adding an item to the start of the list. Concating keeps indexes in place while adding at the front does not.

Here are my html for the slides and the code that runs on reaching the start or the end of the slides.
Like I said, prepareNextSlide() works while preparePrevSlides() does not.

<ion-item>
      <ion-slides (ionSlideReachEnd)="prepareNextSlide()" (ionSlideReachStart)="preparePrevSlide()">
          <ion-slide *ngFor="let slide of currentShownArticle">
            <ion-card>
              <ion-row>
                <ion-col>
                  <p text-left>Price: </p>
                </ion-col>
                <ion-col>
                  <p text-right>{{numberFormat.formatNumber(slide?.price)}} €</p>
                </ion-col>
              </ion-row>
              <ion-row>
                  <ion-col>
                    <p text-left>Seller: </p>
                  </ion-col>
                  <ion-col>
                    <p text-right>{{slide?.seller.username}}</p>
                  </ion-col>
                </ion-row>
              <ion-row>
                <ion-col>
                  <p text-left>Card Language:</p>
                </ion-col>
                <ion-col>
                  <p text-right>{{slide?.language.languageName}}</p>
                </ion-col>
              </ion-row>
              <ion-row>
                  <ion-col>
                    <p text-left>Seller Country: </p>
                  </ion-col>
                  <ion-col>
                    <p text-right>{{slide?.seller.address.country}}</p>
                  </ion-col>
                </ion-row>
            </ion-card>
          </ion-slide>
        </ion-slides>
  </ion-item>
prepareNextSlide(){
    console.log("last");
    let lastElement = this.currentShownArticle[this.slides.getActiveIndex()];
    this.cardArticleList.some((article, index)=>{
      if(lastElement.idArticle == article.idArticle){
        if(index + 2 > this.cardArticleList.length){
          return true;
        }
        else{
          this.currentShownArticle.push(this.cardArticleList[index + 2]);
          this.slides.update();
          return true;
        }
      }
    });
  }

  preparePrevSlide(){
    console.log("first");
    let firstElement = this.currentShownArticle[this.slides.getActiveIndex()];
    this.cardArticleList.some((article, index)=>{
      if(firstElement.idArticle == article.idArticle){
        if(index - 2 < 0){
          return true;
        }
        else{
          this.currentShownArticle.unshift(this.cardArticleList[index - 2]);
          this.slides.update();
          return true;
        }
      }
    });
  }

Posts: 1

Participants: 1

Read full topic

Ion-scroll and fixed elements inside

$
0
0

@LucaSargenti wrote:

HI! I have this template for a component.

I have to fix the first row and the first column.
The application is a planning and I have to keep still the first column that is composed of the rooms and the first row that are the days.

I can not just lock the position because the first column can scroll vertically and the first row horizontally.

Any help?

<ion-scroll #calendar id="calendar" scrollX="true" scrollY="true" class="item" (ionScroll)="scrollHandler($event)">
    <div class="calendarComponent">
        <ion-row class="calendarDaysRow" nowrap>
            <ion-col class = "day" *ngFor="let day of calendarDays">
                {{day.toDateString().split(" ")[0] + " " + day.toDateString().split(" ")[1] + " " + day.toDateString().split(" ")[2]}}
            </ion-col>
        </ion-row>

        <ion-row  class="calendarRow" *ngFor="let room of roomsList" nowrap>
            <ion-col class="room">{{room.getName()}}</ion-col>
            <ion-col class="dayInfo" *ngFor="let day of calendarDays" >
                <calendarPageComponentElement [room]="room" [day]="day" [reservations]="getRoomDayReservation(day,room)"></calendarPageComponentElement>
            </ion-col>
        </ion-row>
    </div>
</ion-scroll>```

Posts: 1

Participants: 1

Read full topic

iOS 501 not implemented error

$
0
0

@nazandr wrote:

let apiUrl = 'api/feed/';
var headers = new Headers();
      headers.append('auth', localStorage.getItem('token'))
      this.http.get(apiUrl+nPage, {headers: headers})
	    .timeout(20000)
        .map(res => res.json())
        .subscribe(
          data => {
            setTimeout(() => {
              this.postlists = data;
              this.countElement += data.length;
  			  this.post_error = "0";
              loadingPopup.dismiss();
            }, 1000);
          },
          err => {
			loadingPopup.dismiss();
			this.post_error = "1";
		  }
      );

ionic.config.json

{
  "name": "nefeedApp",
  "app_id": "",
  "proxies": [
    {
      "path": "/api",
      "proxyUrl": "http://77.244.215.206:12345/"
    }
  ],
  "type": "ionic-angular",
  "integrations": {
    "cordova": {}
  }
}

It works with ionic serve -l, but in device I have 501 error

Posts: 1

Participants: 1

Read full topic

Unable to open android project in Android Studio

$
0
0

@Essometer wrote:

Help, I can build my project and it will produce an debug.apk, but when I try to open the folder with Android Studio as “Open an exsiting Android Studio project” or as “Import Project” nothing happens. No errror, no new window, noting. I don’t know what else I can try. I reinstalled Android Studio, rebuild the proeject, updated my cordova-android to 6.4.0 but nothing worked.

Using Android Studio 3.0.1 on macOS 10.12.6. What else can I try? It’s really frustrating that Android Studio is not giving any error.

Posts: 1

Participants: 1

Read full topic

Viewing all 49293 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>