Category: Widget
Resource links
Updated

This solution is summarized from an archived support forum post. This information may have changed. If you notice an error, please let us know in Discord.

Making a Chat History Widget Read-Only Without Disabling It

Issue

I have a chat window on my webpage and I want to make the chat history widget read-only. Disabling the widget is not an option because it becomes unusable. I am wondering if there is a way to make widgets read-only using JS code.

Resolution

To make the chat history widget read-only without disabling it, use a Text widget configured as follows:

  1. Set Overflow Text to Scroll.
  2. Set Height to Fixed to ensure a consistent layout.
  3. In the Style settings, disable Bold and Italic formatting.
  4. Use HTML tags to format the text, achieving a clean, styled appearance similar to an Edit widget.
  5. Wrap the Text widget in a Container to simplify layout control and scrolling behavior.

This approach mimics the appearance of an input-style widget but prevents user interaction, effectively making it read-only. No JavaScript is required.