How to change the HTML dir tag from ltr to rtl

lb308

Hi everyone,
I am new to flarum, and I need to change the dir tag from ltr to rtl when the locale is changing from English to an rtl language,

in > vendor/flarum/core/src/Http/WebAppView.php
I found this :

$view->direction = $this->direction ?: 'ltr';

and i change it to :

    if ($this->locales->getLocale() == 'ar') {
    
        $view->direction = 'rtl';
    
    } else {

        $view->direction = $this->direction ?: 'ltr';
    
    }

how can I use it in extension without changing the core ?

thanks.

clarkwinkelmann

lb308 not sure where it comes from because it doesn't seem to be part of the official core https://github.com/flarum/core/blob/v0.1.0-beta.7.1/src/Http/WebApp/WebAppView.php

However you can listen to the ConfigureWebApp event in an extension and do the same thing https://github.com/flarum/core/blob/v0.1.0-beta.7.1/src/Event/ConfigureWebApp.php (direction will be $event->view->direction)

lb308

clarkwinkelmann Thank you for your reply. the code i paste its not in the core I just make it for a test, so like you said i need an extension for that.

@luceos thank you for your reply, I use the flarum-ext-arabic and i wanna add this option to change the ltr to rtl when i switch from english to arabic, i can use CSS but i need the html dir tag to be changed

luceos

Or.. use an existing extension ?
https://flagrow.io/packages?filter%5Bq%5D=rtl

lb308

its works nicely now thanks for help

//Add assets
$events->listen(ConfigureClientView::class,  function(ConfigureClientView $event) {

  $webapp = app(WebApp::class);
  $assets = $webapp->getAssets();
  $assets->flushLocaleCss();

  $locales = app(LocaleManager::class);
  $isArabic = $locales->getLocale() == "ar";
  // dd($event->view->direction = 'rtl');

  if ($event->isForum() && $isArabic   ) {

     $event->addAssets([__DIR__ . '/less/forum/extension.less']);
     $event->view->direction = 'rtl';

  } elseif ($event->isAdmin() && $isArabic) {

     $event->addAssets([__DIR__ . '/less/admin/extension.less']);
     $event->view->direction = 'rtl';

  }

});