Topic: Agenda app of Vue Tutorial not demonstrating responsive

FrankR free asked 2 years ago


I am walking through the MDB Vue tutorial. The agenda app that is presented in the link below - it runs, but, it is not demonstrating responsive behavior. If I shrink the width, that right section does not move underneath as it should. ?

https://mdbootstrap.com/education/vue/agenda-app-1-overview/

https://z9t4u9f6.stackpathcdn.com/wp-content/themes/mdbootstrap4/content/vue/tutorials/agenda-app/1/appResponsive.render.gif


Mikołaj Smoleński staff commented 2 years ago

Thanks for reporting the issue, but the aside section is just an aditional one. It's not necessary to be visible for mobile view. Best regards


FrankR free commented 2 years ago

I don't think you followed my statement. Regardless of if it is Necessary for the end user to see it, the point of the section of the tutorial I cited was that the simple app layout would be fully responsive, with the right section moving to the bottom when the width was decreased. That is demonstrated in the animated GIF of the tutorial section. But, at least on my machine, that app isn't responsive. The right section just gets cut off - it doesn't move to the bottom as it should.


Magdalena Dembna staff commented 2 years ago

We understand the problem and will inspect this issue - both demo app and tutorial. Best regards, Magdalena



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.5.0
  • Device: Windows 10 PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes