[GH-ISSUE #1019] [FEAT]: Include CSS selectors on all HTML elements in ChatUI #626

Closed
opened 2026-02-22 18:20:33 -05:00 by yindo · 2 comments
Owner

Originally created by @simonives on GitHub (Apr 2, 2024).
Original GitHub issue: https://github.com/Mintplex-Labs/anything-llm/issues/1019

Originally assigned to: @shatfield4 on GitHub.

What would you like to see?

Currently the ChatUI JavaScript generates HTML elements that are un-named (e.g. wrapping everything in an unnamed DIV, p elements un-named, etc.).

In order to facilitate end-user styling, consideration should be given to naming all, or as many, HTML elements as possible. Every HTML element should be able to be selected by end-user CSS.

The current workaround is to save a copy of the JavaScript file locally, make the required HTML naming changes, and load from the saved JavaScript file. This introduces stability issues when changes are made to the main application, or updates are made to ChatUI functionality.

Originally created by @simonives on GitHub (Apr 2, 2024). Original GitHub issue: https://github.com/Mintplex-Labs/anything-llm/issues/1019 Originally assigned to: @shatfield4 on GitHub. ### What would you like to see? Currently the ChatUI JavaScript generates HTML elements that are un-named (e.g. wrapping everything in an unnamed DIV, p elements un-named, etc.). In order to facilitate end-user styling, consideration should be given to naming all, or as many, HTML elements as possible. Every HTML element should be able to be selected by end-user CSS. The current workaround is to save a copy of the JavaScript file locally, make the required HTML naming changes, and load from the saved JavaScript file. This introduces stability issues when changes are made to the main application, or updates are made to ChatUI functionality.
yindo added the enhancementfeature request labels 2026-02-22 18:20:33 -05:00
yindo closed this issue 2026-02-22 18:20:33 -05:00
Author
Owner

@simonives commented on GitHub (Apr 2, 2024):

E.G.:

  • Main DIV could simply be: div id="anythingllm"
  • Chat Bubble DIV could simply be: div id="anythingllm_bubble"
  • User chat could simply be: p id="input" class="user" and p id="output" class="ai"
    etc.
@simonives commented on GitHub (Apr 2, 2024): E.G.: - Main DIV could simply be: div id="anythingllm" - Chat Bubble DIV could simply be: div id="anythingllm_bubble" - User chat could simply be: p id="input" class="user" and p id="output" class="ai" etc.
Author
Owner

@timothycarambat commented on GitHub (Apr 2, 2024):

Great idea!

@timothycarambat commented on GitHub (Apr 2, 2024): Great idea!
yindo changed title from [FEAT]: Include CSS selectors on all HTML elements in ChatUI to [GH-ISSUE #1019] [FEAT]: Include CSS selectors on all HTML elements in ChatUI 2026-06-05 14:36:21 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Mintplex-Labs/anything-llm#626