Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: SideNav from Right Side

tmlinc pro asked 6 years ago

How can I initiate an MDB SideNav from the right side of the screen?

Damian Gemza staff answered 6 years ago

Thanks for your advice. I'll add this to our nice-to-have features list, and we'll think about implementing your desired behavior in the future. For now, use your workaround in your application. Best Regards, Damian

itay pro commented 6 years ago

Please add ................

lede premium answered 6 years ago

It's not too difficult. You just need to set the .side-nav.fixed left:0 to right:0 and the main padding-left:15rem to padding-right:15rem to flip it round then change the transforms from sliding it to the left to make it slide right

itay pro commented 6 years ago

Hi lede. You solution works fine for large monitors but for mobile devices, toggling it requires changes internally in the code, invoked by sidenav.toggle()

Damian Gemza staff answered 6 years ago

Dear tmlinc, In MDB we haven't got RTL feature. And from default, the side nav is sticked to the left edge of the screen. For now, there's no possibility to change this behavior. Best Regards, Damian
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Resolved

Specification of the issue
  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.2
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags
sidenav angular
About author
tmlinc
Pro User 12Support score
3Questions 0Answers 0Snippets