Links

Enable task deletion

Earlier in this tutorial you learned how to enable task creation and add a completed task counter. This page explains how to enable your app to delete tasks.
To enable task deletion:
  1. 1.
    Enter the Logic view, and open the Explorer panel.
  2. 2.
    In the Explorer panel's Logic Flows section, click the Add a new logic flow icon to add a new logic flow.
  3. 3.
    Name the new flow Task deletion.
  4. 4.
    Open the Libraries panel.
  5. 5.
    From the Design References section, drag-and-drop a Task List reference into the application.
  6. 6.
    Double-click into Task List, and drag and drop references to its following child components:
    • Task
    • Button
  7. 7.
    Connect the Button's onClick node to the Task's deactivate node. When the delete button next to a task is clicked, this deactivates the item.
  8. 8.
    Preview your application to ensure you can delete items from the task list.
Congratulations! Your task delete button is now functional. Continue to the Add user authentication page to learn how to add an authentication page to your app.