BuyLog In
Ticket T914355
Visible to All Users

HTML Editor - Bullet point color

created 5 years ago

Hi,

I've found an issue in the HTML editor where if you set the color of the text, but you change the background color away from white/light colors, the bullet points do not take the color of the text (The behavior is the same in all cases, it's just easier to illustrate on dark backgrounds). This makes them harder to see on dark backgrounds.

I've created this sandbox showing the issue, using a fork of your demo. The markup that was used is the resulting markup of your demo here, but changing the text color to white.

Since the span with the color is applied to the text only, the ::before element that contains the bullet point does not have the color applied to it.

Could you suggest a fix for this?

Thanks in advance,
LC

Sign in to comment on this post

Answers

created 5 years ago

Hello,

HtmlEditor doesn't change the bullet color when you change the text color. If you wish to change the bullet color, try the following approach: How TO - Change Bullet Color of Lists (w3schools).

Please let me know if you need further assistance.

    Comments (2)
    L L
    LC 5 years ago

      I don't think it's unreasonable for an editor to change the color of the bullet points when you change the font color.
      If anything it is a strange behavior for it not to change the color of the bullet points, and could be seen as a bug.
      I think this a function that should be handled by the editor itself, not a workaround of applying styles to list elements.

      DevExpress Support Team 5 years ago

        Hello,

        DevExtreme HtmlEditor is based on Quill, and Quill doesn't consider bullet points a part of text. Refer to the following link: List bullets associated with colored text are not colored.

        So, I suggest you create a custom toolbar item for bullet points and apply the required color there. Let me know if you need further assistance.

        Sign in to comment on this post

        Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

        Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.