JavaScript/jQuery Chat - ImageMessage

Configures image message.

import { ImageMessage } from "devextreme/ui/chat"
Type: MessageBase |

Object

alt

Image alternative text. Specifies the value of the image alt attributes. Screen readers utilize this property when image messages are focused. Only applies to image type messages.

Type:

String

This property has a default placeholder value. To improve your project's accessibility, define a descriptive alt text.

author

A user who is the author of the message.

Type:

User

If you don't specify the author, the following automatic adjustments take place:

  • Without author.name, the name is displayed as "Unknown User".

  • Without author or without its ID, the message appears as from a chat companion (to the left).

id

Message's identification number or string.

Type:

Number

|

String

isDeleted

Marks a message as deleted in the UI.

Type:

Boolean

If this property is true, the editing context menu is not displayed for the message.

View Demo

src

Specifies the image source. Accepts URLs and Base64 strings. Only applies to image type messages.

Type:

String

timestamp

A timestamp of when the message was sent.

Type:

Date

|

Number

|

String

type

The message type.

Type:

String

| undefined
Default Value: undefined

Available values: text and image.