@CreativeArtDesign wrote:

### THIS MUST BE A BUG!!

Global.SCSS BASED ON RTL OR LTR DOES NOT WORK!!
In my case it is very simple if i use RTL i would like to have use RTL style located in global.scss.
Like Ionic 3. But this does not work for me. I migrated to ionic 4 and getting stuck with this problem.

[dir="ltr"] {
  ion-button {
    //My style for LTR
  }
}
[dir="rtl"] {
  ion-button {
   //My style for RTL
  }
}

I trying to change the direction based on what i have choice in my language service variable set. (RTL or LTR) in my ion-header or ion-content .
Have tried code above in global.scss. But only work if you have the direction in index.html.

The global style does not care only look at index.html direction it does not care about my home.page.html if i have put dynamic direction

It always look at index.html . and take the direction from there and use that style that is set there.
([dir=“rtl”] ); --> look only in index.html can not figure out how to fix this.

Is there no fix for this yet? I would like to have the direction based on what language i choice,
In my case i have 2 diffrent styles one for LTR and one for RTL .

Is there any solution for this?

I have post this on github also as a comment… hope everybody can see it.

Posts: 1

Participants: 1

Read full topic

@Qbikaris wrote:

I am trying to load a component dynamically into a modal box but I can’t seem to figure out how to do this correctly.

I managed to load the component dynamically by its name. I can then add it to the page:

    const factories = Array.from(this.componentFactoryResolver['_factories'].keys());
    const factoryClass = <Type<any>>factories.find((x: any) => x.name.toLowerCase() === "componentname");
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(factoryClass);
    let compRef = this.detailcontainer.createComponent(componentFactory);

But how can I add it to the component property when creating a modal dialog? compRef is of typeComponentRef<any> but component expects the type ComponentRef.

    return this.modalController.create({
      component: ???
    }).then((x) => x.present());

Thanks for helping!

Posts: 1

Participants: 1

Read full topic

@pthirumalagiri wrote:

l’m developing app.The code working fine in console with out any error , but no information in html. Here is the code : home.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      Home
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
    <ion-grid>
      <ion-row>
        <ion-slides>
          <ion-slide *ngFor="let product of products">
           <ion-card no-padding>
              <img [src]= 'product.images[0].src' />
              <p>{{product.name}}</p>
              <p>{{product.title}}</p>
           </ion-card>
          </ion-slide>
        </ion-slides>
      </ion-row>
    </ion-grid>
</ion-content>

home.page.ts

import { Component } from '@angular/core';
import { NavController } from '@ionic/angular';
import * as WS from 'woocommerce-api';


@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  WooCommerce : any;
  products : any[];
  constructor(public navCtrl : NavController)
  {
    this.WooCommerce = WS({
      url:"http://*****.com",
      consumerKey: "ck_******",
      consumerSecret: "cs_*****",
      wpAPI: true,
      version: 'wc/v1'
    });
    this .WooCommerce.getAsync("products").then((data) =>{
      console.log(JSON.parse(data.body));
      this.products= JSON.parse(data.body).products;
    },(err) =>{
      console.log(err)
    })

}

Ionic Info:

ionic (Ionic CLI) : 4.10.0

System:

NodeJS : v11.8.0 npm : 6.5.0 OS : Windows 10

Posts: 1

Participants: 1

Read full topic

@badpenguin wrote:

Is it not clear to me how to use camera and media capture for PWA.
Should i use cordova platform “browser” ?
Or ionic native provide something different?
Or i’ve just to implement it in HTML5 myself?

Posts: 1

Participants: 1

Read full topic

@johanf82 wrote:

Hi!

I am not really experienced with Ionic, yet. So please bare with me.

I am trying to show a notification at a certain date and time. I have tried a lot, but it is never showing in the emulator. I found and edited this piece of code:

createnotification() {
let remindid = new Date().getUTCMilliseconds();
this.date = moment(“2019-01-31 12:20:00”).format(“YYYY-MM-DD HH:mm:ss”);

let notification = {
  id: remindid,
  title: this.title,
  text: this.description, 
  forceShow: 'true',
  coldstart: true,
  foreground: false,
  at: this.date
};

cordova.plugins.notification.local.schedule(notification);

let alert = this.alrtCtrl.create({
  title: 'Notifications set at ' + this.date,
  buttons: ['Ok']
});

alert.present();

}

I think it has something to do with the “at” property. I tried different variations of the date, used the “trigger”-property. Nothing seems to work.

What am I missing?

Posts: 1

Participants: 1

Read full topic

@gaiapuffo wrote:

Hi,

I have a form with a select component that I fill with for cicle.
After I fill the select in ts file, I make

this.skillForm.controls[“skill_level_id”].setValue(skill_level_id);

But I see nothing in the UI, the text of selected element is not showing…but if I open the select I see that the value is selected in right way.
This is a piece of my code on pastebin

https://pastebin.com/X0UaAXwk

Posts: 1

Participants: 1

Read full topic

@1Abhinavmaurya2 wrote:

How to bind dyanamic Img in ion select option

Posts: 1

Participants: 1

Read full topic

@maximegouin wrote:

Hi everyone,

I got this little issue when I try to import deeplinks in my app.module.ts
Is someone knows why?

Capture d’écran 2019-01-31 à 13.01.24.png699×449 47.4 KB

I have made everything as explain in the documentation.

Thanks
Maxime

Posts: 1

Participants: 1

Read full topic

@RenanFialho wrote:

Hello Guys!! I’m using tensorflow js in my project and when a execute the function estimateSinglePose the result is an error. Does someone use TensorFlor JS MobileNet?
my code:

import * as posenet from '@tensorflow-models/posenet';

const imageScaleFactor = 0.5;
const outputStride = 16;
const flipHorizontal = true;

convertToDataURLviaCanvas(url, outputFormat){
    return new Promise((resolve, reject) => {
    let img = new Image();
    img.crossOrigin = 'Anonymous';
    img.onload = () => {
        let canvas = <HTMLCanvasElement> document.createElement('CANVAS'),
          ctx = canvas.getContext('2d'),
          dataURL;
        canvas.height = img.height;
        console.log(canvas.height);
        canvas.width = img.width;
        console.log(canvas.width);
        ctx.drawImage(img, 0, 0);
        dataURL = canvas.toDataURL(outputFormat);


        resolve(dataURL);
        canvas = null;
      };
      img.src = url;
      this.estimatePoseOnImage(img);
    });
  }

  async estimatePoseOnImage(imageElement){
    let poses = [];
    const net = await posenet.load();

    const pose = await net.estimateSinglePose(imageElement, imageScaleFactor, flipHorizontal, outputStride);
    poses.push(pose);
    console.log(poses);
}

Ionic:

ionic (Ionic CLI) : 4.9.0 (C:\Users\renan\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.1

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 5 other plugins)

System:

Android SDK Tools : 26.1.1 (C:\Users\renan\AppData\Local\Android\Sdk)
NodeJS : v10.15.0 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10

Posts: 1

Participants: 1

Read full topic

@RenzoM78 wrote:

Hello all,

I have a question. When Im pulling data from an external json file nothing is wrong but when I use the infinite scroll for the same data then suddenly all data is invisible. What tutorial of infionite scroll I use nothing works.

Is there something wrong with infinite scroll and json data? Or is there a sort same manner to to this also?

Posts: 1

Participants: 1

Read full topic

@Llarian wrote:

Hi,

today I stumbled upon Ionic Studio, followed the lnik, was fascinating when I read

Ionic Studio is a powerful, locally-installed, visual development environment that makes it easy to build stunning apps in minutes.

read the pricing, the Starter plan is great for me, followed the link expecting to find a download…
is there a download? “Locally-installed” sounds like should be one?

Posts: 2

Participants: 2

Read full topic

@saravananthemesoft wrote:

prof_test.png796×443 134 KB

I need to implement back button and edit profile button like this for side menu .

Posts: 1

Participants: 1

Read full topic

@ravo93 wrote:

I correctly installed Ionic Storage on my IONIC project , but everytime I run the project it return me this error

Annotazione 2019-01-31 145309.jpg1020×396 108 KB

This i my App.module

import { LoginPageModule } from './login/login.module';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { IonicStorageModule } from '@ionic/storage';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';
import { ConfigurationPageModule } from './configuration/configuration.module';


@NgModule({
 declarations: [AppComponent,
 ],
 entryComponents: [
 ],
 imports: [
   BrowserModule,
   HttpClientModule,
   IonicModule.forRoot(),
   IonicStorageModule.forRoot(),
   FontAwesomeModule,
   AppRoutingModule,
   ConfigurationPageModule,
   LoginPageModule
 ],
 providers: [
   StatusBar,
   SplashScreen,
   { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
 ],
 bootstrap: [AppComponent]
})
export class AppModule { }

Posts: 1

Participants: 1

Read full topic

@Lucas098 wrote:

Como aplicar o estilo do primeNG no ionic 3?
Sou iniciante no ionic, estou em duvida onde(qual arquivo) colocar as dependencias e o style no ionic 3.
Os componentes primeNG aparecem na aplicação ionic 3, mas não aparece estilizados e aparece o seguinte erro:

Sem título.png1910×831 65.5 KB

Refused to apply style from ‘’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Posts: 1

Participants: 1

Read full topic

@maximegouin wrote:

Hello,

I’m trying to use the deeplinking plugin with navcontroller in my app.component buy it doesn’t work.
In fact it’s always redirect me on the homepage.

What’s wrong with this code?

this.deeplinks.route({
          '/login': LoginPage,
          '/post/:postId': PostPage
        }).subscribe(match => {
          this.navCtrl.push(match.$route, match.$args)
        }, nomatch => {
          // nomatch.$link - the full link data
          console.error('Got a deeplink that didn\'t match', nomatch);
        });

Thanks
Maxime

Posts: 1

Participants: 1

Read full topic

@stromwerk wrote:

Hello, I have an existing Ionic 2 app and have decided that it’s time to migrate it to Ionic 4. I have looked around and found various guides for migrating to 4, however most of them are either from Ionic 1 or Ionic 3. My question is would a Ionic 3 to 4 guide work well for me, or should I take a different approach to migrating?

Posts: 1

Participants: 1

Read full topic

@a7mdFo2ad wrote:

my was getting problem and stuck in splash screen after that I open the console in xcode and getting an error that I have to upgrade my facebook
then I open facebook developer and I got a message to update my sdk by updating my podfile by these lines

        pod 'FacebookSDK'
	pod 'FacebookSDK/LoginKit'
	pod 'FacebookSDK/ShareKit'
	pod 'FacebookSDK/PlacesKit'

	pod 'FBSDKMessengerShareKit'

then run `pod update’
after that, i opened the xocde to build and got this error and build failed

duplicate symbol _OBJC_IVAR_$_FBSDKLikeButton._likeActionController in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKLikeButton.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKLikeButton.o)
duplicate symbol _OBJC_CLASS_$_FBSDKLikeButton in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKLikeButton.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKLikeButton.o)
duplicate symbol _OBJC_METACLASS_$_FBSDKLikeButton in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKLikeButton.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKLikeButton.o)
duplicate symbol _OBJC_IVAR_$_FBSDKLikeButton._objectType in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKLikeButton.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKLikeButton.o)
duplicate symbol _OBJC_IVAR_$_FBSDKLikeButton._isExplicitlyDisabled in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKLikeButton.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKLikeButton.o)
duplicate symbol _OBJC_IVAR_$_FBSDKLikeButton._soundEnabled in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKLikeButton.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKLikeButton.o)
duplicate symbol _OBJC_IVAR_$_FBSDKLikeButton._objectID in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKLikeButton.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKLikeButton.o)
duplicate symbol _OBJC_IVAR_$_FBSDKAppInviteContent._promotionText in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKAppInviteContent.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKAppInviteContent.o)
duplicate symbol _OBJC_CLASS_$_FBSDKAppInviteContent in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKAppInviteContent.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKAppInviteContent.o)
duplicate symbol _OBJC_METACLASS_$_FBSDKAppInviteContent in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKAppInviteContent.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKAppInviteContent.o)
duplicate symbol _OBJC_IVAR_$_FBSDKAppInviteContent._destination in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKAppInviteContent.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKAppInviteContent.o)
duplicate symbol _OBJC_IVAR_$_FBSDKAppInviteContent._promotionCode in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKAppInviteContent.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKAppInviteContent.o)
duplicate symbol _OBJC_IVAR_$_FBSDKAppInviteContent._appLinkURL in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKAppInviteContent.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKAppInviteContent.o)
duplicate symbol _OBJC_IVAR_$_FBSDKAppInviteContent._appInvitePreviewImageURL in:
    /Users/anspireagency/Library/Developer/Xcode/DerivedData/Doctory-dumowpyuqkndphbakkgvmohbptmh/Build/Products/Debug-iphonesimulator/FBSDKShareKit/libFBSDKShareKit.a(FBSDKAppInviteContent.o)
    Doctory/Plugins/cordova-plugin-facebook4/FBSDKShareKit.framework/FBSDKShareKit(FBSDKAppInviteContent.o)
ld: 1192 duplicate symbols for architecture x86_64
clang: error: linker command failed with exit code 1 (use -v to see invocation)

Posts: 3

Participants: 2

Read full topic

@radulung wrote:

How can i get the date and the time in the same format as the device format? When i change the device format i want to get the date in the new format.

Posts: 1

Participants: 1

Read full topic

@gaiapuffo wrote:

Hi,

I have a ionic select that i fill with for cycle

  <ion-select value="" ok-text="Ok" cancel-text="Annulla" formControlName="skill_level_id"
                       style="white-space: pre-line !important" value="7">
      <ion-select-option *ngFor="let skill_level of skill_levels" value="skill_level['id']">{{ skill_level['tcode'] }}</ion-select-option>
  </ion-select>

After I fill the select in my ts fill i make

this.skillForm.controls[“skill_level_id”].setValue(skill_level_id);

The problem is that if I open the select the value is selected but is not showing in the UI if I not open the select…
The are too many bugs…

Posts: 1

Participants: 1

Read full topic

@jfsoftwarellc wrote:

Does the Ionic 4 framework not include any default styling like the previous versions did? Started a default app and it looks like absolute shit. Buttons are just solid gray blocks instead of the bootstrap-esque style I’m used to. So far I’m REALLY not enjoying this upgrade. So much stuff changed for zero reason, so much stuff removed for zero reason, just making a whole lot more work I have to put in for zero gain. And the documentation so far is atrocious, either missing or flat-out wrong.

Posts: 1

Participants: 1

Read full topic