Calendar Modal Customization


Topic: Calendar Modal Customization

ahmadkhoshdel pro premium priority asked 12 months ago

I would like to ask if there is any way to customize the 'Add/Edit Event' Modal in this plugin. I need to use some custom input fields and a timepicker within the plugin, and then fetch the data to the server.

Thank you for your response.


Kamila Pieńkowska staff answered 12 months ago

There is no way to customize this modal with an option. You can only modify source code.

To input the hour you need to uncheck 'All day event' checkbox.


ahmadkhoshdel pro premium priority commented 12 months ago

I also need to edit the source code for the Calendar plugin. I added MDB to my project with the following script code: <script type="text/javascript" charset="UTF-8" src="js/mdb.umd.min.js"></script>, and I followed the exact same process for the CSS.

Now, I want to edit the source code for the Calendar, but I couldn't figure out how to do that. I located the template in src/js/utils/template.js, but I don't know how to make the necessary edits.

I've also loaded calendar.min.js and its map into my JS folder. Can you please guide me on how to achieve this? It's crucial for me not to add all the plugin sources to my project due to its large size, and my project is already substantial.

The actual question is, how can I connect the modified template.js with my project?

regards


ahmadkhoshdel pro premium priority answered 12 months ago

I also need to edit the source code for the Calendar plugin. I added MDB to my project with the following script code: , and I followed the exact same process for the CSS.

Now, I want to edit the source code for the Calendar, but I couldn't figure out how to do that. I located the template in src/js/utils/template.js, but I don't know how to make the necessary edits.

I've also loaded calendar.min.js and its map into my JS folder. Can you please guide me on how to achieve this? It's crucial for me not to add all the plugin sources to my project due to its large size, and my project is already substantial.

The actual question is, how can I connect the modified template.js with my project?

regards


Kamila Pieńkowska staff answered 12 months ago

You need to use a bundler, modify unminified code, and then compile it yourself.


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: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 7.1.0
  • Device: all
  • Browser: all
  • OS: windows
  • Provided sample code: No
  • Provided link: No