Chotto

English

Русский

English

Русский

Appearance

Interactive Demo ​

Currently there are several demo chat implementations located here. Navigation between implementations is done through the context menu in the header. The following chats are implemented:

  • Chat 00 - conversation between two people, a regular dialog. Two chats in FloatContainer based on FeedLayout are presented.
  • Chat01 - conversation between a manager and company clients. All chats are based on FloatContainer, the manager interface uses BaseLayout, the client interface uses FeedLayout.
  • Chat02 - conversation between a manager and company clients, example of working with adaptive WhatsApp Business API templates and interaction through different communication channels.
  • Chat03 - implementation of message search in chat. Different options for placing main search components depending on available space in the selected layout are presented.
  • Chat04 - example of a chat in AdaptiveExtendedLayout. There is an ability to change container size to demonstrate adaptability.
  • Chat05 - example of multi-dialog communication with a client - dialogs can differ in attributes (communication channel), purpose and other parameters. Each dialog is a full chat attached to one contact.
  • Chat06 - demonstration of audio and video recording capabilities. Recording, listening and sending audio and video messages are available.
  • Chat07 - conversation with GigaChat. GigaChat is a large AI language model from Sber. There is also an application GigaChat API Explorer for exploring the API capabilities provided for working with the model.
  • Chat08 - conditional restyling by user. A situation of using two channels simultaneously for dialog with a client is presented: through telegram and whatsapp. Depending on the dialog, different color schemes for chat elements are used.
  • Chat09 - example of a chat in FloatContainer with BaseLayout. Demonstrates multi-dialog communication with a client - dialogs can differ in attributes, purpose and other parameters. Each dialog is a full chat attached to one contact.
  • Chat10 - example of a chat in AdaptiveExtendedLayout with extended capabilities. Includes message search, SideBar for chat filtering, WhatsApp Business API templates support and channel selection. There is an ability to change container size to demonstrate adaptability - components automatically rearrange depending on available space.