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

Wanting to style buttons with outline attribute

$
0
0

@theitteam wrote:

Hey all,

I have button with a conditional ‘active’ class:

<ion-button fill=“outline” [class.is-active]=“isOptionSelected(i)”>

The active class is being applied but I cant change any of the CSS custom properties, here is my code:

multi-select-control {
ion-button.is-active.button {
–background: var(–ion-color-primary);
–background-focused: var(–ion-color-primary);
–color: #fff;
–color-activated: #fff;
}
}

The code is working but they styles aren’t applying. Any help appreciated.

Posts: 1

Participants: 1

Read full topic


Emulate android error

$
0
0

@cikcoh wrote:

Waiting for emulator to boot (this may take a while)…BOOT COMPLETE
Warning: restoring GLES1 context from snapshot. App may need reloading.
Skipping build…
Built the following apk(s):

(node:3826) UnhandledPromiseRejectionWarning: Error: Could not find apk architecture: x86 build-type: debug
at Object.module.exports.findBestApkForArchitecture (/Users/dev/Desktop/jelly/platforms/android/cordova/lib/build.js:220:11)
at /Users/dev/Desktop/jelly/platforms/android/cordova/lib/emulator.js:456:34
at _fulfilled (/Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:854:54)
at /Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:883:30
at Promise.promise.promiseDispatch (/Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:816:13)
at /Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:570:49
at runSingle (/Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:137:13)
at flush (/Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:125:13)
at process._tickCallback (internal/process/next_tick.js:61:11)
(node:3826) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:3826) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
glTexImage2D: got err pre :frowning: 0x506 internal 0x1908 format 0x1908 type 0x1401
glTexImage2D: got err pre :frowning: 0x506 internal 0x1908 format 0x1908 type 0x1401

I have to support android jellybean, thats why i need to test all my features on emulator
Hope anyone could help, thanks

cordova-android 6.4.0

Posts: 1

Participants: 1

Read full topic

Set Cookie with InAppBrowser

$
0
0

@sushantr wrote:

Hello,
Is it possible to open url with InAppBrowser and set cookie which I already have in local storage.
I know we can run JavaScript code with executeScript method. So can anyone please tell me how to set cookie with executeScript

Posts: 1

Participants: 1

Read full topic

Ionic 4 dynamic data for charts ( chartsmodule)

$
0
0

@iamvijay wrote:

Its possible to add a dynamic data (live url’s data) over a chart.
I tried many things but its not work and for static and local data its works efficiently.
Please give me a solution for this.
ionic version-4
angular version-7

Posts: 1

Participants: 1

Read full topic

Date Pipe not working for numeric to month string

$
0
0

@nikhil7 wrote:

I want to convert numeric to month string using date pipe. (e.g 1 to January)
I am using *ngFor to iterate through complete list.
But currently it is showing January month to every number.
Anyone have idea about it.

Posts: 1

Participants: 1

Read full topic

Retrieve data

$
0
0

@Milumaria wrote:

how can i retrieve a value from ionic storage and how can i pass that value to service as the parameters of a function?

Posts: 1

Participants: 1

Read full topic

Ionic 4 network check example problem

$
0
0

@klejz0r wrote:

Im confused when i want to make a ionic network plugin to check for connection all the time when user uses an app. I’ve tried an example from ionic website but without any results.

import { Network } from '@ionic-native/network/ngx'; //ngx

constructor(private network: Network) { }

...

// watch network for a disconnect
let disconnectSubscription = this.network.onDisconnect().subscribe(() => {
  console.log('network was disconnected :-(');
});

// stop disconnect watch
disconnectSubscription.unsubscribe();


// watch network for a connection
let connectSubscription = this.network.onConnect().subscribe(() => {
  console.log('network connected!');
  // We just got a connection but we need to wait briefly
   // before we determine the connection type. Might need to wait.
  // prior to doing any api requests as well.
  setTimeout(() => {
    if (this.network.type === 'wifi') {
      console.log('we got a wifi connection, woohoo!');
    }
  }, 3000);
});

// stop connect watch
connectSubscription.unsubscribe();

Anyone say that i need to add it in app.component.ts but still doesnt work. Somebody can help ? THanks

Posts: 1

Participants: 1

Read full topic

Breaking bugs with @ionic-native/background-geolocation

$
0
0

@ndmcreative wrote:

Hi, Im just posting this to try and get a senior member to pick up this up.

With the npm module @ionic-native/background-geolocation there has been a bug with this app for a few months now that breaks the the entire plugin, however there is a fix as @ionic-native/background-geolocation@5.0.0-beta.21 , this works however the release versions including the latest @ionic-native/background-geolocation@5.2.0 breaks the plugin, how someone can release a new version of plugin with out running a basic test on a release is beyond me.

The error is

"ERROR in src/app/xxx.ts: error TS2339: Property 'subscribe' does not exist on type 'Promise<any>'."

from .subscribe in the code

this.backgroundGeolocation.configure(config).subscribe((location: BackgroundGeolocationResponse) => {

There are many posts about this issue on github and stackover flow, why this breaking bug has not been sorted out I dont know, it may be that the individual working on this plugin needs a good kick up their arse as anyone new to ionic would be completely confused.

Posts: 1

Participants: 1

Read full topic


Ionic 4 - How to change side menu background color or make background transparent?

$
0
0

@gokujy wrote:

Helo,
I want change side menu background color, i tried few things but not working.

ion-menu{
 ion-content{
     background-color: transparent !important;
 }

 .inner-scroll {
     --background: var(--ion-menu-background);
 }
}

Anyone know how can i change background color in ionic 4 :).

Posts: 1

Participants: 1

Read full topic

Firebase remote config

$
0
0

@inamit wrote:

Hi,
I’m using firebase on a certain project (V3).
I use this plugin: firebase plugin.
FCM and Database (Using angularfire) works (though I wasn’t able to send push notifications to devices, tested on iOS)

when I use this code:

  this.url = "";
     console.log("before getValue()");
     this.firebase.getValue("info_url").then(url => {
       console.log("during getValue()");
       this.url = url;
       console.log(this.url);
    }).catch(error => {
       console.log(error);
    });
    console.log("after getValue()");

console prints:
before getValue()
after getValue()

and I don’t get any URL.

I would love to get suggestions.
Thank you for answers.

Amit

Posts: 1

Participants: 1

Read full topic

Add iOS pods and android dependencies to project

$
0
0

@ir2pid wrote:

I’m trying to add native libraries to my app. And haven’t added any native libraries yet.
Since they aren’t available to the list of cordova native plugins, how shall I add a new library dependency which comes as a pod for ios and gradel dependency on android?

Posts: 1

Participants: 1

Read full topic

Plz how i can hide the default first page ionic with platform IOS

How to session timeout auto logout in ionic 2

$
0
0

@Ferozabdul wrote:

i want to implement session timeout auto logout when the user is inactive in my app
How to do ? thanks in advance…

Posts: 2

Participants: 2

Read full topic

Ionic v3 documentation website broken links

$
0
0

@ramioooz wrote:

open v3 support links like this one :

then when you click the link as shown in image

it should take you to :


instead of :

the issue persists in all other v3 components and native pages
please fix it…
thank you

Posts: 1

Participants: 1

Read full topic

Payment module

$
0
0

@hiralbarot wrote:

Hi All,

I want to develop a payment module which accepts debit / credit card and paypal account details.

  1. How do I implement this?
  2. How can i add security for account information storage?

Thanks

Posts: 1

Participants: 1

Read full topic


Can not find name "NgCircleProgressModule"

$
0
0

@pratikdixit89 wrote:

Hello,

I am new to IONIC and trying to create basic app. I have used circle package using below command to create application

npm install ng-circle-progress@1.0.0 --save

However, I am getting error “Cannot find name NgCircleProgressModule”, when I am using NgCircleProgressModule.forRoot({ … }) in my home.module.ts

In addition, in my home.page.html, I am using … than it shows error ‘circle-progress’ is not known element.

Please do needful as I cannot proceed.
Thanks,
Pratik

Posts: 1

Participants: 1

Read full topic

Ionic Pro paid assistance for building and deploying in IOS

$
0
0

@sher0333 wrote:

I would like to pay for assistance building/deploying(device testing and APP store) for an Ionic application for IOS. I am currently working on a Windows machine which makes it more challenging for IOS deployments. If you have interest in assisting me through this process, please let me know. ssherman72@gmail.com.

Thanks,

Scott

Posts: 1

Participants: 1

Read full topic

Similar app are mixing their ressources

$
0
0

@Maschtag wrote:

Hi,

I have three apps developed with Ionic. Those app are really similar, basically it’s a chat, only the color, the title and some other variables are differents. The codes have a lot of copy-paste, so all files or variables have the same name in the three apps.
Then problem is, when have two or three of those apps opened on my phone, and I switch from one app to the other, they sometime mixe their contents.
For exemple I am on the app A, i go back to the menu and open app B, I have the launching screen, and then the app B become the app A, same title, same color, same chat. If I come back to the menu and reopen it, it doesn’t change.

I tried to change the name of some files, some variables, it didn’t work.

Thanks,

Posts: 1

Participants: 1

Read full topic

Styling Font Size vs. FitText vs. Ionic4 ShadowDom, BEST UX

$
0
0

@mburger81 wrote:

Hello,

we used in our ionic2/3 projects “angular-fittext” to have the largest possible font size per container. See this widgets for example, as you can see the left upper widget has the smaller font size then the right upper widget.
The font size is calculated with fittext depending on container size , viewport size and and and.
image

The problem is in Ionic4 we have ShadowDom and “angular-fittext” is not compatible with shadow dom.

So our main question is, which is the best UX for FontSize in an APP.

Thx

Posts: 1

Participants: 1

Read full topic

Ionic capacitor add ios is failing

$
0
0

@nuvoaire wrote:

capacitor add ios
:information_source: Installing iOS dependencies – Skipping: already installed
:heavy_check_mark: Adding native xcode project in: in 952.62ms
:heavy_check_mark: add in 955.85ms
:heavy_check_mark: Copying web assets from www to ios/App/public in 30.15s
:heavy_check_mark: Copying native bridge in 30.90ms
:heavy_check_mark: Copying capacitor.config.json in 26.04ms
[error] Unable to find node_modules/cordova-ios. Are you sure cordova-ios is installed?
[ERROR] An error occurred while running subprocess capacitor.

    capacitor add ios exited with exit code 1.
    
    Re-running this command with the --verbose flag may provide more information.

any thoughts?

Posts: 1

Participants: 1

Read full topic

Viewing all 70440 articles
Browse latest View live


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