How to use Dropdown menus in RTL in Angular 13?


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

fa2020 asked 3 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">
                            گزینه
                        </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/


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • 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