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: How to work with MDBPopConfirm?

clickstudioltd priority asked 2 years ago


Expected behavior

  1. Be able to intercept cancel/confirm buttons click event.
  2. Be able to change the class names for cancel/confirm buttons.
  3. Correct component name.

Actual behavior

No examples are provided in the docs to do the points mentioned above. Also, the component name is misspelled as 'MDBPopcofirm' both in the docs and the code itself.

Resources (screenshots, code snippets etc.)


Mayerkel priority answered 2 years ago


I am a bit disappointed by this feature. I was hoping I would be able to modify what is in the PopConfirm and change the buttons/actions when either OK or CANCEL is selected.

For example, I have a list of items, and when I click "DELETE" on the specific item, I want the PopConfirm to display with an "Are you sure?" message. Then, I want the "Confirm Deletion" button in red to appear along with a cancel button.

This Component just seems unfinished. Although, it does have good potential.


Wojciech Staniszewski staff commented 2 years ago

You can achieve this effect right now. Just use onConfirm event. Adding style to the Popconfirm button will be added in the next release, as well as onClose event.



  1. For now you can only use onCofirm event. We will add the canceled event soon.
  2. There is no such possibility for now. Anyway, we will also add this.
  3. We will also fix this issue.

Everything will be included in the next release. Sorry for the inconvenience.



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 React
  • MDB Version: MDB5 3.0.0
  • Device: PC
  • Browser: Mozilla Firefox
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags