Spotlight

Use custom data to style your chat

To offer all your users a smooth chat experience, you might want to style your chat differently for various user groups. For example, if you run a marketplace, you could enable sellers to use different color schemes. Or in education, you could give each study cohort their own tailored chat style.

Creating dedicated themes is a fast and convenient way to style your chat for different user groups. However, another easy option is to style your theme by passing data to themes. For instance, if you pass a color value as custom data, you can access this value as a custom CSS property in your Theme Editor, and use it to style your chat.

For a detailed guide on styling your chat with custom data, read the latest tutorial: How to use custom data to style your TalkJS chat.

Overview of changes

Added

• Added the SearchResultHeader and SearchResultFooter components to the theme editor, so that they can be customized directly as part of a theme.
• React Native SDK (version 0.9.0): Added a disableZoom prop to Chatbox and ConversationList. With the disableZoom prop, you can choose whether the user can pinch to zoom in and out of the UI. By default its value is false and the user can zoom into the UI.

Changed

• Changed that new users who don’t have a role assigned, have their role set to default. This change only applies to users of apps created after 2024-04-17, and so doesn’t affect existing workflows.

Fixed

• Fixed an issue where, under certain conditions, the app would return an error when deleting a system message.
• React Native SDK (version 0.9.0): Fixed unnecessary warnings in iOS when calling MessageField methods.

👋 Thoughts? Questions? Get in touch.

✨Follow TalkJS on 𝕏 and LinkedIn to stay up to date.

👩🏾‍💻We’re hiring! Check out our jobs page.