Inline Feedback
This module allows users to add contextual feedback directly to specific elements on content pages. It's designed for collaborative work, enabling targeted comments that are visible only to authorized roles.
Visually annotate any element on a content page with inline feedback. Ideal for editorial review and collaboration between administrators and content editors.
Introduction
Inline Feedback is a lightweight Drupal module that enables administrators and content editors to leave contextual comments directly on page elements. By selecting a specific HTML element on a node page, users can attach feedback that is visible only to permitted roles. This is particularly useful during content reviews, editorial workflows, and collaborative website updates.
The feedback is stored and displayed inline using a visual marker (e.g., a comment icon), helping teams give targeted suggestions without needing external documents or complex processes.
Features
🧷 Attach feedback to any visible element on a node using precise CSS selectors.
🧑💻 Role-based permissions to control who can create and view feedback.
💬 Visual markers on elements with feedback.
🎨 Customizable colors for feedback markers via admin config UI.
⚡ Lightweight UI using Drupal Dialog and Toastify.js for a modern experience.
📄 Administrative form to manage allowed roles and UI appearance.
🔍 All feedback is stored as custom entities and associated with specific nodes.
📱 Mobile-ready interaction via long press (planned).
Post-Installation
After installing the module:
Visit /admin/config/content/inline-feedback to configure:
- Which roles can create/view/delete feedback.
- Visual style (background and text color) of the inline feedback marker.
Log in as a user with the allowed role (e.g., administrator or editor).
Navigate to any node page.
- Use Ctrl+Click (or long press on mobile) on any visible element to launch the feedback modal.
- Submit your comment — a small marker will appear on that element for future reviewers.
All feedback for a node is shown only to authorized users and is loaded automatically when the page is viewed.
Additional Requirements
This module relies only on Drupal core and uses:
- Toastify.js (included via CDN) for notifications.
- Standard Drupal libraries (drupalSettings, Drupal.dialog) for modal UI.
- No additional contributed modules are required.