Topic: How to use Dropdown menus in RTL in Angular 13?

fa2020 free asked 2 years ago

I want all items in dropdown menus to be shown in RTL mode.

The actual behavior shows items in LTR mode.

The following code is for dropdown menu in the navbar:

<li mdbDropdown class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
                            mdbDropdownToggle aria-expanded="false">
                        <ul mdbDropdownMenu class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                                <a class="dropdown-item" href="#">مورد 1</a>
                                <a class="dropdown-item" href="#">مورد 2</a>
                                <a class="dropdown-item" href="#">مورد 3</a>

Arkadiusz Idzikowski staff answered 2 years ago

@fa2020 We don't have support for RTL layouts yet, but this feature is in our roadmap and it should be added to the package in the near future:

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB5 2.1.0
  • Device: PC
  • Browser: Chrome
  • OS: Win10
  • Provided sample code: No
  • Provided link: No