Full size element instead of bubble in Message

Dear support,

I need to have some messages displayed as “Cards” in the Message module. Instead of the “bubble” style.

I use the renderMessage method to generate the message, but there are some constrain about full width usage for exemple (depending of type received or sent).

What would be the best method to keep the usage of bubble, but for some message, have 100% size Cards as message content ?


You can add some custom class to such messages, add some extra custom styles to style it something else rather than bubble. And unset max-width from such message, by default it has:

.message {
  max-width: 70%;

Perfect. It’s working.
I wanted to know if it was the best way to do this, and you confirm.

1 Like