Topic: How to use Dropdown menus in RTL in Angular 13?
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">
گزینه
</a>
<ul mdbDropdownMenu class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li>
<a class="dropdown-item" href="#">مورد 1</a>
</li>
<li>
<a class="dropdown-item" href="#">مورد 2</a>
</li>
<li>
<a class="dropdown-item" href="#">مورد 3</a>
</li>
</ul>
</li>
Arkadiusz Idzikowski staff answered 3 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:
https://mdbootstrap.com/docs/b5/roadmap/
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: 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