DevExtreme v24.1 is now available.

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

Your search did not match any results.

Contact Form Vue Template

Our Vue Contact Detail View template helps you bootstrap UI layouts for Vue-powered CRM/contact management applications. The layout includes a contact details section and a tab panel to manage related entities, such as tasks, activities, opportunities, notes, and messages.

UI Components

  • DevExtreme Vue Form – displays contact 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 contact records and its related entities.

  • DevExtreme Vue Tab Panel – Allows you to change subviews. Each subview manages a specific/related collection (tasks, notes, messages, etc.).

Usage Scenarios

  • CRUD operations

    • View contact properties

    • Edit contact properties

    • Delete the contact

  • Manage tasks related to the contact

  • Plan and view activities related to the contact

  • View and manage opportunities associated with the contact

  • Add/view notes (including file attachments)

  • Exchange messages with a contact