Calendar not quite displaying properly


Topic: Calendar not quite displaying properly

asmiles pro premium asked 3 months ago

Expected behavior My calendar would display with the month, day, year buttons apart

Actual behavior They are crunched up with no vertical spacing

Resources (screenshots, code snippets etc.)

enter image description here


Piotr Obrebski staff answered 3 months ago

Hi asmiles, Your implementation is correct!

I edited your posted snippet to help you. If you copy code from that to your project it should work as you expected. I added one line of compiling code with comments.

$('#calendar .fc-right').addClass('my-2 my-xs-0');

Add this line to your code after calendar inicialization. This adds margin on small devices to desired component.

If you need additional help I am here for you.

Best Regards, Piotr


asmiles pro premium commented 3 months ago

Thanks for the help Piotr...

Regards Al


Piotr Obrebski staff answered 3 months ago

Hi asmiles,

I would like to help you with your problem. Please, create a snippet showing your code here: https://mdbootstrap.com/snippets/ I'll check if everything is correct in html and js to help you with your development.

Best Regards, Piotr


asmiles pro premium commented 3 months ago

OK TY I have placed the html here:

https://mdbootstrap.com/snippets/jquery/asmiles/808072

Regards


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: jQuery
  • MDB Version: 4.7.7
  • Device: Mobile
  • Browser: Chrome
  • OS: Andriod
  • Provided sample code: No
  • Provided link: No