DevExtreme v24.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

React Templates - Task Details React Template

The DevExtreme React Task Detail View template can be used to manage task information in an React-powered application. The template includes a task edit form and a tab section for related entities such as activities, notes, and comments.

UI Components

  • DevExtreme React Form – displays task properties as label/value pairs.

  • DevExtreme React Toolbar – organizes action controls into a single responsive UI block.

  • DevExtreme React Buttons, Menus, Drop-Down Lists – allows users to execute specific actions against task records and its related entities.

  • DevExtreme React Tab Panel – allows you to change subviews. Each subview manages a specific/related collection (notes, comments, etc.).

Usage Scenarios

  • CRUD operations

    • View task properties

    • Edit task properties

    • Delete a task

  • Plan and view activities related to a task

  • Add and view task notes (including file attachments)

  • Exchange task-related messages