Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Calendar Modal Customization

ahmadkhoshdel priority asked 11 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 11 months ago

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

ahmadkhoshdel priority answered 11 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 11 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 priority commented 11 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
Write
Create snippet
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
  • ForumUser: Priority
  • 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
Tags
calendar-plugin
About author
ahmadkhoshdel
0Support score
4Questions 1Answers 0Snippets