Topic: MDB Calendar Plugin

cwilliams priority asked 1 week ago


Expected behavior Show MDB Calendar Actual behavior Does not show MDB Calendar Resources (screenshots, code snippets etc.)

New Calendar

jQuery(document).ready(function(){ $('#calendar').calendar('next'); });


Grzegorz Bujański staff answered 2 days ago


It looks like you need help making your own version of the calendar plugin with additional features that are currently unavailable.

In the support forum, we help if the already available features do not work properly. If you need help in creating your own solution, we can offer you help as part of our services: https://mdbootstrap.com/services/


cwilliams priority commented 2 days ago

Can you please just tell me where to find the code block that executes after you hit the "Add" button once the modal is already open?


cwilliams priority answered 2 days ago


"_toggleNewEventModal" seems to be run after you hit the "Add Event" button. I need the code block that executes after you hit the "Add" button once the modal is already open. I also need an example of how to add radio buttons to the modal.


cwilliams priority answered 3 days ago


I need to know the exact location of the code that is executed after you hit the add button on the "Add an event" modal. How can I create my own ad an event modal?


Grzegorz Bujański staff commented 3 days ago

After you click add event button, _toggleNewEventModal function starts. Even modal template is in src/js/utils/template.js. You can edit this template to customize event modal. Take into account that there are two template - for add event modal and edit event modal


cwilliams priority answered 5 days ago


I am in need of the unminified Javascript code that generates the add event modal for the calendar plugin. I also need the code that will "hook into" the submission of the add event modal for the calendar plugin.


Grzegorz Bujański staff commented 5 days ago

Inside the package, you can find the plugin's source file. Check \src\plugins\calendar directory inside zip or GitLab repository.


Grzegorz Bujański staff answered 1 week ago


Take a look at your console errors on this pages - on one you don't have jQ correctly added, on the other, it looks like you have incorrect links to MDB files.

In addition, I can see that you are trying to use MDB5 calendar, but the files you have added on the site suggest you are using MDB4. Which MDB version do you want to use? f from the MDB4 version the documentation for this plugin can be found here: https://mdbootstrap.com/docs/b4/jquery/plugins/full-calendar/


cwilliams priority commented 1 week ago

Looks like I got the version 5 calendar to at least show. I am still getting several console errors. Can you help me resolve them?

https://www.palashospitality.com/beoprospect/calendartest2.cfm

I also need to know how to use the jquery version of this calendar in version 5.


Grzegorz Bujański staff commented 1 week ago

You have imported MDB Free, therefore there is an error related to select which is a pro component. Import MDB Pro, the second error is probably also related to this.


Grzegorz Bujański staff answered 1 week ago


Please send a snippet in which calendar is not working. I've checked and it looks like calendar is working fine https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/4387082#js-tab-view


cwilliams priority commented 1 week ago

I uploaded the snippet, but it does not work for me. All the elements should be linked properly. What am I doing wrong?

https://www.palashospitality.com/beoprospect/newcalendar.cfm https://www.palashospitality.com/beoprospect/snippet/index.html



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: MDB4 4.20.0
  • Device: Mobile
  • Browser: ALL
  • OS: Windows
  • Provided sample code: No
  • Provided link: No