Remove item from the list after click on button

Developer Support CMS Development
1

I want to remove a item from the list after click on button in cms hub.

2

Hi, could you please add more details to your problem description/question? Thanks

3

Sapna1_0-1681367585639.png
Sapna1_0-1681367585639.png1345×287 17.4 KB

Hello

from this attechment, i want to remove after click on href, data remove from the list according to id.

4

Hi @Sapna1. it is still hard to follow what your exact problem is. Anyhow, I will try to give you a rough outline of how you can achieve that.

  1. Each row in your HTML table or list should have a unique id (e.g. <div id=“record-12345”></div>)
  2. Your “Remove” button should have a common CSS class (e.g. <a class=“remove-button” …>Remove</a>)
  3. Add custom javascript to listen for a click on “Remove” buttons (e.g. jQuery(‘.remove-button’).on(‘click’, function() { [add your code here] }) )
  4. In the event handler:
    1. Find the parent div containing the record id
    2. Optionally, make an AJAX call to remove the record on the server side
    3. Remove the DOM element with .remove()

I hope this helps you in some way.