side nav bar -not working

Topic: side nav bar -not working

Palak@tru asked a week ago

Resources (screenshots, code snippets, etc.)This is the image when I click on the icon to open side navigation bar

It is not showing any sidebar navigation when I click on the icon!

Christian Aichner pro premium commented 6 days ago

Please provide more details. Code examples, link to GitHub, ... whatever it takes to help you.

Konrad Stępień staff commented 6 days ago

Hi @Palak@tru,

@Christian Aichner is right. I would ask for more details about the problem. Some code in which we can check the error.

Best regards, Konrad.

Palak@tru commented 3 days ago

Hi @Christian Aichner,@Konrad Stępień

I have just created an app using create-react-app and added mdbreact with auth code, then pasted the jsx code of side navigation bar.

Although Slim side-nav is working but the basic one is showing a black screen on click of hamburger icon as shown in the screenshot.

Konrad Stępień staff answered 3 days ago

Hi @Palak@tru,

I did check this example and it seems the code works correctly. 1


Can you tell me how we can reproduce the problem?

Best regards, Konrad.

Palak@tru commented 2 days ago

Yes, it is working now . Thank you.

Konrad Stępień staff commented a day ago

Thank you very much for your feedback! If there is anything else I could do for you do not hesitate to ask me. I'll be happy to help you.

Best Regards, Konrad.

Palak@tru answered 22 hours ago

It isn't working in 'electron-react-boilerplate'. Can you try it with this boilerplate? I have figured out the issue, it is canceling the 'transform' property.

Please refer to the screenshot attached with it .In this screenshot you can see, it is canceling out the 'transform' property

Konrad Stępień staff answered 41 minutes ago

Hi @Palak@tru,

If you want you can try to add these styles for your css file

.side-slide-enter-done {
    opacity: 1;
    transform: translateX(0) !important;

Please try these styles and tell me if the problem still exists and then can you send your project on GitHub or something like that? I would look at whether everything works properly.

Best regards, Konrad.

Please insert min. 20 characters.


Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: React
  • MDB Version: 4.19.0
  • Device: MacBookAir
  • Browser: Chrome
  • OS: Mac
  • Provided sample code: No
  • Provided link: No