DevExtreme v24.1 is now available.

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

Your search did not match any results.

Task Details Vue Template

The DevExtreme Vue Task Detail View template can be used to manage task information in an Vue-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 Vue Form – displays task properties as label/value pairs.

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

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

  • DevExtreme Vue 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