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!


Topic: mdb-calendar modal customization

krol free asked 5 years ago


Hello

I bought the plugin mdb-calendar for angular and I would like to customize the modal. How can I do ? Thanks


mariapenafd free answered 2 years ago


Hello, I would like to intercept the event emitted when a day is clicked in order to add an event. I want to open my own modal, instead of the calendars predetermined one.


Arkadiusz Idzikowski staff answered 5 years ago


If you want to customize the look of the component, then you can overwrite some css styles. Adding new fields to the modal is impossible in the current version, we already have plans to change that.


4ntibala pro commented 4 years ago

can u please post an ETA for this feature?


Arkadiusz Idzikowski staff commented 4 years ago

Unfortunately, we don't have an ETA for this feature specified yet. We will let you know when we will have more information.


4ntibala pro commented 4 years ago

Is there a way/hack to turn the modal at off at least? What are the options to customize the css?

Thanks


Arkadiusz Idzikowski staff commented 4 years ago

There is the editable input that allow to block events editing. You can find more information about the options in the API section in the plugin documentation:

https://mdbootstrap.com/plugins/angular/full-calendar/#docsTabsAPI

Which styles exactly would you like to customize?


4ntibala pro commented 4 years ago

when editable is off i am not able to detect the user's click into the calendar day... or is there any way to determine the date thru the click event?

i checked the documentation, it doesnt suggest anything regarding the modal :/



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: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.1.1
  • Device: pc
  • Browser: chrome
  • OS: ubuntu
  • Provided sample code: No
  • Provided link: No