Webix Comments Widget

This is a widget for exchanging comments with team-mates and friends. Comments can be used together with other widgets that require a way to leave and edit comments and as a part of a chat app.

live demo

  • Integration: jQuery, Angular, React, Vue.js, Backbone
  • Cross-browser Support (IE8+)
  • Works on Touch Devices
  • Meets Section 508
  • Quick styling with CSS

Overview

The Comments widget is a ready-made solution for managing comments in an app. Comments will be a good extension for project management applications, e.g. Kanban boards, and big data components like Spreadsheet. Comments can display message text, date & time, user info and an action menu. Users also can address comments to other people that take part in the discussion.

Actions with Comments

All comments sent by the user can be edited or removed. Both actions are available in the context menu.

Hover a pointer over a comment by 'Me' and click the icon to the right of the date

Mentioning Users

With one setting, you can enable the mentioning functionality in Comments. The user will mention other people by typing @ and the first letter of the name, after that they can select a user from a dropdown list.

Type @ and the name of a user.

Anonymous Comments

Comments can be either linked to users, or not. In the latter case they all become editable and can be added by anyone.

Showing User Statuses

If knowing who is online is important for your users, you can enable displaying the user status.

Changing the Look

You can completely change the look of the Comments widget. Define your own comment box, change the comment details shown next to it, add icons, style avatars -- all this is in your hands.