Quikchat Message Visibility and Hidden Messages Demo

By default all messages are visible. However, QuikChat supports two message visibility systems for hiding/showing mesesages at runtime.

Individual Visibility allows you to show or hide a single message by its ID using JavaScript.
Tagged Visibility allows you to assign tags to messages and then show or hide entire groups of messages with a single command powered by CSS classes. This demo lets you experiment with both.

Individual Message Control

Directly set a single message's visibility. This will override any tag-based rules.

Message ID

Add New Message

Content

Tags (comma-separated)

Tagged Group Control

Show or hide all messages that share a tag. Affects visibility via CSS classes.

Tag Name

Live Container State

Shows the CSS class list on the main chat widget. Watch how it changes when you use the group controls.