Change Side Menu Direction in IONIC 3 and multi app direction RTL/LTR

@mahmoudrabie wrote:

Hello Experts

Given:
-IONIC 3
-Angular 4
-Multi-Lingual application with ng2-translate
-RTL support is enabled based on

- side menu type: overlay
- function is used to change language is working fine except in the side menu floating

changeLanguage(languageId) {
    if (languageId === 'ar') {
      this.platform.setDir('rtl', true);
      this.translate.setDefaultLang(languageId);

    } else {
      this.platform.setDir('ltr', true);
      this.translate.setDefaultLang(languageId);
    }
  }

Required:
1) How to change the side menu direction dynamically?
2) At the opening tag of ion-menu in app.component.ts, Why didn't the following code run?
<ion-menu [side]="(this.platform.dir() == rtl) ? right : left" [content]="content" type="overlay">

I would appreciate any help.

Regards
Mahmoud

Posts: 1

Participants: 1

Read full topic