Issue

This article describes the behavior of a list in the Rich Text Editor in the Rich Text Widget. This widget provides the user with a What You See Is What You Get (WYSIWYG) editor, where the user can enter and edit rich-text content. The widget automatically converts the rich-text content into a string in HTML format, which can be stored in an attribute of an entity.

It is noticed that the list always has one level of indentation. For example:

1. A text is added in the editor.
   
2. After applying the bullet list formatting, the list is indented by one level.
   
3. The left indent does not work.
   

Environment

• Studio Pro (all versions)
• Rich Text (all versions)

Cause

It is not an issue, but it is how the list in the rich text editor is designed.

Solution / Workaround

The list is not intended. It just has padding. This is how it is designed, and a custom styling is needed to override it. For example:

.ql-editor ol, .ql-editor ul {
    padding-left: 0;
}

Please note that this is not a supported approach, and any issues resulting from the custom styling are outside the scope of Mendix Support.

Additional information

Mendix documentation: Rich Text