SideNav from Right Side

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?

Add comment

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

Add comment

lede pro premium answered 6 years ago

0 0 Best answer

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

mdb2 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()

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

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

mdb2 pro commented 6 years ago

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

User: 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

tmlinc

Pro User

12Support score
3Questions 0Answers

0Snippets likes 0Snippets