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

How could i transfer ion-title value as a parameter to another page?

$
0
0

@rishironak wrote:

I am trying to pass the title name as a parameter to another page but can’t find something like that.

Posts: 1

Participants: 1

Read full topic


How to create a jquery date picker

Ionic Native Geocoder Does not work

$
0
0

@aashijitM wrote:

The native geocoder plugin (https://github.com/sebastianbaar/cordova-plugin-nativegeocoder) does not work. Whenever I am building my Application for my Android device, the plugin does not work. I tried to deep dive in the plugin and added some log messages in the Java file to check if the control was reaching the java classes. I could not find the log messages and so, it might not even reach there.

This is the code I have been using :

import { NativeGeocoder, NativeGeocoderResult, NativeGeocoderOptions } from '@ionic-native/native-geocoder/ngx';

constructor(private nativeGeocoder: NativeGeocoder) { }

...

let options: NativeGeocoderOptions = {
    useLocale: true,
    maxResults: 5
};

this.nativeGeocoder.reverseGeocode(52.5072095, 13.1452818, options)
  .then((result: NativeGeocoderResult[]) => console.log(JSON.stringify(result[0])))
  .catch((error: any) => console.log(error));

Please help me. I am stuck at this, and need a solution urgently.

Posts: 1

Participants: 1

Read full topic

Ionic v4 Collapsible/Accordian List

Select photo from Mobile photo gallery and upload in IONIC 3 PWA

$
0
0

@haresh333 wrote:

I am using Ionic 3 and developing PWA. So from browser I want to give facility for user to select image from mobile device photo gallery or computer directory and upload to server.

How can this be achieved?

Any pointer to sample application

Regards

Posts: 1

Participants: 1

Read full topic

Cordova ionic app not working on Android 9 Pie

$
0
0

@aviral282 wrote:

Application not working on android 9 devices, works perfectly fine on android device with version less than 9.
Application doesn’t connect to backend upon loading the landing page.
Any ideas ?

Environment I am using :
Ionic:

ionic (Ionic CLI) : 4.0.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.6
@ionic/app-scripts : 3.2.4

Cordova:

cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 8.0.0

System:

Android SDK Tools : 26.1.1
NodeJS : v8.10.0 (/usr/bin/node)
npm : 6.9.0
OS : Linux 4.15

Environment:

ANDROID_HOME : /home/aviral/Android/Sdk

Posts: 1

Participants: 1

Read full topic

Ionic FirebasePush Notification not working on Ios

$
0
0

@contrasto97 wrote:

Hi, I’m sending push notification through firebase cloud messaging. On android it’s working fine but on ios not. on the Xcode console I see that the message is received but nothing is shown. on iPhone when I go to setting of my app I cant find notification page.
I have already set all certificate

my code

async getToken(user) {
    let token;
    if (this.platform.is('android')) {
      token = await this.firebase.getToken();
    }

    if (this.platform.is('ios')) {
      token = await this.firebase.getToken();
      await this.firebase.grantPermission();
    }
    
    this.saveToken(token, user);
  }

Posts: 1

Participants: 1

Read full topic

Hide Taksbar Completely

$
0
0

@bkdroid13 wrote:

Hello, I need to hide my taskbar. But I do not wish to behave like Auto Hide. Once hidden it should not be seen even if I move my mouse on it. Any idea as to how to achieve this?
Thanks in advance.

Posts: 1

Participants: 1

Read full topic


Load remote data from json

$
0
0

@asifaathwal wrote:

i am developing a hybrid live streaming app in ionic4. i have to load remote data from json to get url of my chennal for live streaming. I am using http method to get data from json but i am getting error of “No ‘Access-Control-Allow-Origin’ header is present on the requested resource.” So that’s why i am using CORS policy of IONIC to avoid this error. But now i am facing error of " Types of property ‘headers’ are incompatible. [ng] Type ‘Headers’ is not assignable to type ‘HttpHeaders | { [header: string]: string | string; }’. [ng] Type ‘Headers’ is not assignable to type ‘{ [header: string]: string | string; }’. [ng] Index signature is missing in type ‘Headers’."

I am using http method to get data from json but i am getting error of “No ‘Access-Control-Allow-Origin’ header is present on the requested resource.” So that’s why i am using CORS policy of IONIC to avoid this error.

Function to load data:##

reddit-data.Service.ts:##

getRemoteData(){const headerDict = {
'Content-Type': 'application/json',
'Accept': 'application/json',
'Access-Control-Allow-Headers': 'Content-Type',}const requestOptions = {                                                                                                                                                                                 
headers: new Headers(headerDict), };
      this.http.get("url" ,requestOptions).subscribe((res) => {
   //console.log(data);
err=>{console.log(err)}});}

homepage.ts###

ngOnInit() {
this.redditService.getRemoteData();
}

I am getting error of header:###

[ng] ERROR in src/app/services/reddit-data.service.ts(56,75): error TS2345: Argument of type ‘{ headers: Headers; }’ is not assignable to parameter of type ‘{ headers?: HttpHeaders | { [header: string]: string | string; }; observe?: “body”; params?: HttpParams | { [param: string]: string | string; }; reportProgress?: boolean; responseType?: “json”; withCredentials?: boolean; }’. [ng] Types of property ‘headers’ are incompatible. [ng] Type ‘Headers’ is not assignable to type ‘HttpHeaders | { [header: string]: string | string; }’. [ng] Type ‘Headers’ is not assignable to type ‘{ [header: string]: string | string; }’. [ng] Index signature is missing in type ‘Headers’.

Posts: 1

Participants: 1

Read full topic

Deferred deeplink : Best solution?

$
0
0

@gnarco wrote:

Hi everyone

Among deferred deeplink solution, there’s few players :

Do you have any feedback on which one is the best ?

Other features like analytics are not required. I’m focusing on deferred deeplink.

Thanks

Posts: 1

Participants: 1

Read full topic

Expandable Sidemenu

$
0
0

@odorakel wrote:

Hey folks,

does anyone know how to use a split pane as an expandable sidebar? For example the small sidebar should only show icons (width aprox. 60 px) and once you expand the sidebar it should contain icons and text (width aprox. 240px). The content panel width should be resized in both cases.

It’s possible by css and animations for expand and reduce, but it’s not very nice. Does anyone have a better solutions for this?

Something like this:

Thanks in advance,
Oliver

Posts: 1

Participants: 1

Read full topic

Update new date function

$
0
0

@Tubiss wrote:

ı am using ionic 3 and ı should update new Date function in the constructor.

export class HomePage {
private eventDate: Date = new Date(‘July 17, 2019 03:24:00’);

constructor(){

//how can ı put new date into new Date function.

}
}

Posts: 1

Participants: 1

Read full topic

What is possible creating PWA in Ionic

$
0
0

@seamate wrote:

Hello,

I am thinking about taking my business to the next level by leveraging progressive web apps and offline first approach to app development.
I already have an E-learning website based on Wordpress, and I would like to make this site into a PWA with offline support.
I really don’t know if that will be possible using Ionic framework or if I have to create a brand new app from ground up.
If someone can mentor me and guide me on what to do, I’ll be grateful. I’m ready to learn.
I know this is not the typical kind of question you see on this forum, but I’m sorry if it offends anyone.
Thanks for the anticipated support.

Posts: 1

Participants: 1

Read full topic

Como soluciono ese problema ?

Ionic 1 to Ionic 3 upgrade without login

$
0
0

@technopad wrote:

we are in the process of upgrading our existing Ionic 1 app (released in play store) to Ionic 3. When we release this Ionic 3 app as an update to existing app, we do not want existing users to be prompted to login again. The existing Ionic 1 app uses window.localStorage to store user login details. we would like to read the existing data and use it in Ionic 3 app and make it smooth transition for the users.
Even though we give the same package name, ionic 3 app is unable to read ionic 1 app’s local storage. Any help is highly appreciated!

Posts: 1

Participants: 1

Read full topic


Ionic v4 Music App/PWA Wiring

$
0
0

@a7medo778 wrote:

hey guys, so i need some dev help to help out in connecting my ampache based music backend catalog to an ionic 4 based app/pwa

the template we are using is

the backend api’s available (ampache serves both):


http://www.subsonic.org/pages/api.jsp

  • offline playlist support
    -background playback
  • Deeplinking should be available between all three platforms (web pwa, apps)
  • some minor changes to the original template is needed ( we are adding radio channels support via azuracast api, and i am supplying a per user recommendation api)(adding home page filters)
  • Firebase integrations are a must, auth for registration, analytics, push, performance…etc
  • app is in RTL be the default, we will be adding new languages in future versions
  • some backend knowladge is needed to fix any server settings related things (ampache is up and running just fine right now but just in case)

i already have an app published based on v2, but that wasn’t so good in terms of UI/UX and performance, i will share that source code before we start

please send me your proposal over at skype: a7medo778 with some new projects created and we can start asap

Posts: 2

Participants: 2

Read full topic

Loading json data in to an array

$
0
0

@Tubiss wrote:

this is json
[{“id”:2,“userid”:30, “start_time”:“2019-09-01 14:13:35”},{“id”:3,“userid”:340, “start_time”:“2019-08-01 14:13:35”}]

public items: any;

loadPeople(){
this.remoteService.load()
.then(data => {
console.log(data);
this.people = data;
});

ı can pull json and display in the page very well. But ı want store this.people in to items array depend on start_time which is the earliest. Hopefully ı was able to explain problem

Posts: 1

Participants: 1

Read full topic

Ionic Android Build error on V3

$
0
0

@bevin wrote:

I am having an error on my ionic build android not sure what changed, the app builds only after uninstalling Geofence and geofence is the whole app functionality.
Could you please assist me error below

E:\xamp\htdocs\lcl-loadtracker\platforms\android\build\intermediates\manifests\full\debug\AndroidManifest.xml:30:
error: No resource identifier found for attribute ‘appComponentFactory’ in package ‘android’

my environment is below
CLI packages
@ionic/cli-units: 1.19.2
ionic (ionic CLI): 3.20.0

Global packages
Cordova CLI: 7.1.0

Local Packages
@ionic/app-scripts: 3.2.0
Cordova Platform: Android 6.3.0
Ionic Framewrok: ionic-angular 3.9.2

Installed Platforms
Android 6.3.0
Browser 5.0.4

Ionic Framework
Ionic Version: 3.2.0
Node Js: V8.12.0
NPM: 6.4

Posts: 1

Participants: 1

Read full topic

Unable to Display Camera on DevApp on Android

$
0
0

@seamate wrote:

I am new on the Ionic platform. Please I need help.

I’m having problems getting Ionic DevApp on Android to display the camera as demonstrated in the Build Your First App tutorial.

The app opens without problems on Firefox browser.

On index.html file, I have the following code

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Ionic App</title>

  <base href="/" />

  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="msapplication-tap-highlight" content="no" />

  <link rel="icon" type="image/png" href="assets/icon/favicon.png" />

  <!-- add to homescreen for ios -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <script src="cordova.js"></script>
</head>

<body>
  <app-root></app-root>
</body>

</html>

In the tab2.page.html file, I have the following code:

<ion-header>
  <ion-toolbar>
    <ion-title>
      Photo Gallery
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <img>

  <ion-fab vertical="bottom" horizontal="center" slot="fixed">
      <ion-fab-button>
        <ion-icon name="camera"></ion-icon>
      </ion-fab-button>
  </ion-fab>
</ion-content>

I ran the command ionic serve --devapp but I got the following error.

[ng] [console.warn]: "Fetch is unavailable so cordova-plugin-ionic has been disabled."
[ng] [console.log]: "deviceready has not fired after 5 seconds."
[ng] [console.log]: "Channel not fired: onDOMContentLoaded"
[ng] [console.log]: "Ionic Native: deviceready event fired after 2905 ms"
[ng] [console.log]: "Angular is running in the development mode. Call enableProdMode() to enable the production mode."

DevApp on Android discovers the app, but when I click on it to open it, I only see the screen as shown below for a few seconds and then DevApp closes.

What I am doing wrong? And how do I get the app to display the camera on Android so I can be sure I am making progress on the tutorial?
Thanks for your help.

Posts: 1

Participants: 1

Read full topic

Stale HTTP requests firing after OnResume

$
0
0

@omgdev wrote:

I have an application in which an HTTP request is sent to a web service every 12 seconds.This request is time sensitive, meaning, it has to use the latest time stamp to make the request.

Somehow, when the app resumes after a pause, a request with an old timestamp is being fired off, before a current timestamp request is sent.

How can i ensure that the stale information is not used?

Posts: 1

Participants: 1

Read full topic

Viewing all 70435 articles
Browse latest View live


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