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

Ion-row grey line displayed under my row

$
0
0

@tomeskrt wrote:

I’ve got this grey line every time I use ion-row, can anyone provide me how to avoid having it?

<ion-row style="padding: 6px 12px 6px 0; background-color: white; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;" *ngIf="!select">
        <temperature-range [stepkeys]="false" [disabled]="!device.connected || userLimited || (valueUpdating && !demo)" [min]="0" [max]="255" [rangestep]="1" style="width: 100%; background-color: white;" [value]="device.getStatusValue('ColdWhiteLevelState')" (valueChange)="statusChanged($event, 'setColdWhite')"></temperature-range>
      </ion-row>

Can someone help me please?

Posts: 1

Participants: 1

Read full topic


Router no longer works on a page

$
0
0

@Ludolefrenchy wrote:

Hello,
I have a problem that has appeared but I do not understand why.
when I click on my button it does not happen.
html

<form [formGroup]="new_item_form" (submit)="gocheckad()">

    <ion-item>
        <ion-label position="floating">Titre</ion-label>
        <ion-input type="text" formControlName="title" required></ion-input>
      </ion-item>
      <ion-item>
          <ion-label position="floating">Description</ion-label>
          <ion-textarea rows="15" type="text" formControlName="description" required></ion-textarea>
        </ion-item>
      </form>

</ion-content>
<ion-footer>
  <ion-toolbar>
    <ion-grid class="grid">
      <ion-row>
        <ion-col class="colfooter1">
            <ion-button class="addadbutton1" fill="clear" (click)="goadlist()">Annuler</ion-button>
        </ion-col>
        <ion-col class="colfooter1">
            <ion-button class="addadbutton1" fill="clear" type="submit" [disabled]="!new_item_form.valid">Enregistrer</ion-button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-toolbar>
</ion-footer>

ts

  new_item_form: FormGroup

  constructor(
    private router: Router,
    public formBuilder: FormBuilder,
  ) { }

  ngOnInit() {
    this.new_item_form = this.formBuilder.group({
      title: new FormControl('', Validators.required),
      description: new FormControl('', Validators.required)
    });
  }

  gocheckad(){
    this.router.navigate(['/checkad'],{skipLocationChange: true});
  }
  goadlist(){
    this.router.navigate(['/adlist'],{skipLocationChange: true});
  }
}

even if I put (click) = “gocheckad()” on my button it does not work
thank you in advance

Posts: 1

Participants: 1

Read full topic

Impossible to update

$
0
0

@Ludolefrenchy wrote:

Hello,
I would like to update with npm i -g ionic but nothing to do it does not work

PS C:\Users\ludo\migration> ionic info
[ERROR] Error loading @ionic/schematics-angular package.json: Error: Cannot find module
        '@ionic/schematics-angular/package'
[ERROR] Error loading @ionic/ng-toolkit package.json: Error: Cannot find module '@ionic/ng-toolkit/package'
√ Gathering environment info - done!

Ionic:

   ionic (Ionic CLI)          : 4.0.6 (C:\Users\ludo\node_modules\ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.17
   @angular-devkit/core       : 0.8.7
   @angular-devkit/schematics : 0.8.7
   @angular/cli               : 6.2.7
   @ionic/ng-toolkit          : not installed
   @ionic/schematics-angular  : not installed

Cordova:

   cordova (Cordova CLI) : 8.1.1 (cordova-lib@8.1.0)
   Cordova Platforms     : android 7.1.2, browser 5.0.4, ios 4.5.5

System:

   NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

Environment:

   ANDROID_HOME : not set

PS C:\Users\ludo\migration>

thanks

Posts: 1

Participants: 1

Read full topic

Ionic 4 - Force ios to use Material Design

$
0
0

@karvanj wrote:

I am using Ionic 4 and would like to force ios to use Material Design. How do I do this?

In the docs, it says to look at config however, currently I have an error accessing this page.


Many thanks in advance.

Posts: 2

Participants: 1

Read full topic

Angular Router Transition animation in Ionic 4

Deeplinking

$
0
0

@sukanyaj wrote:

I am trying to implement Deeplinking in hybrid mobile app, but its not working with an android device as well as it does not got to the child page on ios device as i have provided parameters to the deep link.
Could anybody help me out?

Posts: 1

Participants: 1

Read full topic

Ionic 4 additional scripts

$
0
0

@gaurav_ch wrote:

I am trying out ionic 4 for my next project. I had some custom scripts which I would run in ionic 3.

ionic 3 package.json:

"scripts": {
    "minify": "ionic-app-scripts minify",
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },

the first 2 were loaded from a custom config file.

I am not able to figure out how to do this in ionic 4 as I only see these entries:

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

Thanks.

Posts: 1

Participants: 1

Read full topic

How to update to Ionic 4 Rc-1 to RC-2?

$
0
0

@CreativeArtDesign wrote:

I trying to find a way to update Ionic Framework from version Rc-1 to Rc-2.

I am new at this so can one please help me to do this.

I tryed this but it i downgrade Ionic from 4.8 to 4.0…
sudo npm install -g ionic@4.0.0-rc.2

Is there any way to upgrade the ionic framework to Rc-2?

Please help.

Posts: 2

Participants: 2

Read full topic


Ionic 4 connection with Postgres 10

$
0
0

@Eva9 wrote:

Hello, I’m new with Ionic.
I have a web application and I want to dev the mobile app using Ionic and cordova.
I saw a lot of tutorials but pretty old.
my DB is a postgresql. Do I need to set a REST API to be able to connect it to the app?
Is there any tutorials I can follow to be able to connect my DB with my app??

Posts: 1

Participants: 1

Read full topic

How to replace navparam.example.data (ionic 4)

$
0
0

@louis5017 wrote:

Hello everybody, i’m searching a way to replace this function since navparam doesn’t work anymore

this.toc = navParams.data.toc;

Posts: 1

Participants: 1

Read full topic

Error: Uncaught (in promise): TypeError: Cannot read property 'getActiveChildNavs' of undefined

LiveReload to Root on File Change

$
0
0

@jwbriggs wrote:

Livereload reloads the page I am currently on when I make changes to a file. I can understand why this may be preferable in some cases since the developer doesn’t have to navigate from root in order to see the changes. But, for instance, on a detail page, the navParam data is not available after reload, so my app errors with a lack of data.

I’d rather the app reload to root after a change in some situations, or I’d be fine with just “restarting” the app on livereload. Is there a livereload configuration where I can set this?

Posts: 1

Participants: 1

Read full topic

Ionic 4 - loops in router history

$
0
0

@matthiasunt wrote:

If I navigate from one page to another and back multiple times , I am able to navigate through the whole router history via the hardware- or the browser back button.
I want to achieve that the hardware back button brings me to the same page as the ion-back-button in my toolbar.

Example
Page 1 > Page 2 > Page 3
I navigate from Page 1 to Page 2. Then I navigate from Page 2 to Page 3 and back via ion-back-button multiple times. If I then press the hardware/browser back button, I get to Page 2 and Page 3 again in a loop. Instead I want the hardware/browser back button to navigate to Page 1 if I press it on Page 2.

Posts: 1

Participants: 1

Read full topic

Build on windows failed

$
0
0

@LeoImmo wrote:

Hi,

I’m trying to build for windows 10 but I’ve some error.
I’ve had to my config.xml the two lines:

<preference name="windows-target-version" value="10.0" />
<preference name="windows-phone-target-version" value="10.0" />

And I’m running the command ligne:

cordova build windows --release --prod --arch="x86"

And I’ve this error:

Error: Package with specified parameters not found in AppPackages folder

And if I try to build the app with Visual Studio 2017, I’ve my splashscreen and after a white screen…

If anyone can help me?

Posts: 1

Participants: 1

Read full topic

How to configure TSLint with Ionic 3?

$
0
0

@ioclaudio wrote:

Hi guys,
I’d like to adopt a standard and clean methodology to write TypeScript code in my Ionic apps.
After reading this on the TSLint site:“TSLint is an extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors.” I decided to use it to check my Ionic3 code.

Which are the steps to configure an app to use the right rules and the right commands to check the code?

I’ve seen that a new app already has a script;
"lint": "ionic-app-scripts lint"

but which rules are checked?
Should not I first install the package “tslint-ionic-rules” ?

Thank you very much

cld

Posts: 2

Participants: 2

Read full topic


Iframe hammer JS pan, delayed when clicked other div

$
0
0

@axesve wrote:

Hello,

I’ve been stuck on this problem for the past 2 days.

I have 1 iframe with a map on it where you can pan around and click stuff.

I then have a settings div which goes above it when called for with a container that covers upp the entire screen and used as a closing feature ( when you click it, the settings view is closed ).

However, after you’ve closed it the map stops working for what I suppose 300-400 ms, you have to tap it to be able to pan again.

I can not seem to get this to work correctly and it’s driving me pretty crazy, does the div take the iframe out of focus? Or is this just a one time bug that is here to piss me off…

It works a bit better on android however, but very bad in iOS. My solution works perfectly in the browser.

Does anyone have any suggestions for what I can try?

Posts: 1

Participants: 1

Read full topic

Increase height of searchbar for all platforms

$
0
0

@Kleinhummel wrote:

It would be really nice, if you could answer those three questions:

  1. How can i increase the height of the ion-searchbar?
  2. Is there maybe a shared varibale for $searchbar-ios-input-height, $searchbar-md-input-height and $searchbar-wp-input-height?
  3. Can i also do this in css?

When i use $searchbar-md-input-height, the Search-Icon isn’t in the middle anymore…how can i fix this? :sweat_smile:

Posts: 1

Participants: 1

Read full topic

How create proxy using library axios

Failed to fetch plugin

$
0
0

@dupphil wrote:

Dear,
I always have this error. Can you help me ?
ionic cordova plugin add cordova-plugin-music-controls

cordova plugin add cordova-plugin-music-controls --save
Failed to fetch plugin git+https://github.com/amitkhare/cordova-music-controls-plugin.git via registry.
Probably this is either a connection problem, or plugin spec is incorrect.
Check your connection and plugin name/version/URL.
Failed to get absolute path to installed module
[ERROR] An error occurred while running subprocess cordova.

    cordova plugin add cordova-plugin-music-controls --save exited with exit code 1.
    
    Re-running this command with the --verbose flag may provide more information.

Thanks,
Philippe

Posts: 1

Participants: 1

Read full topic

BrowserTab with iOS 12

$
0
0

@FiReBlUe wrote:

Hello,

For a project I have to implement a particular authentication system.

The authentication mechanism uses several external sites. Here is the sequence of screens:

    1. My application launches the Safari browser to initialize the connection on our oAuth2 server;
    1. then it is redirected to a site (https://csam.be/fr/index.html) to authenticate the Belgian citizen, it is offers different possibility of authentication (via Belgian identity card or via an application " It’sMe ")
    1. the chosen citizen “it’sme (https://www.itsme.be)” which opens automatically on his iPhone and the citizen enters his pin code;
    1. the application “itsme” reopens Safari to complete the authentication on the site “csam” then redirects to our server oAuth2;
    1. our servers oAuth2 redirects to the URL “customMyApp://” with an authorization code to reopen the application which ends the authentication in exchange for the authorization code against a Token.

But Apple refuses because “We noticed that the user is taken to Safari to sign in or register for an account, which provides a poor user experience.”

I tried using Safari View Controlle with the BrowserTab plugin but since iOS Safari View Controlle and Safari do not share their session cookies.

We use oAuth2 authentication with the Authorization code flow. If we use the Safari View Controller API for step 1 and 2 when “itsme” opens Safari in step 4 the session is lost because the sessions between Safari View Controller API and Safari aren’t shared.

I tried to update the BrowserTab plugin with SFAuthenticationSession. (Https://github.com/Qbix/cordova-plugin-browsertab).

But SFAuthenticationSession is deprecated (https://developer.apple.com/documentation/safariservices/sfauthenticationsession) And it did not work.

I have not tried with ASWebAuthenticationSession (https://developer.apple.com/documentation/authenticationservices/aswebauthenticationsession) because I saw that all cookies, except session cookies, can be shared with Safari.

Do you have an idea to share a session between Safari View Controller and Safari browser? I can’t find any solution :frowning:

Thanks you

Posts: 1

Participants: 1

Read full topic

Viewing all 48980 articles
Browse latest View live


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