Mesibo Open Source Chat, Voice and Video Calls UI Modules on mesibo documentation

Mesibo Open Source Chat, Voice and Video Calls UI Modules

Mon, 01 Jan 0001 00:00:00 +0000

There are primarily two categories of Messaging UI screens:

Messaging Screen

The Messaging Screen displays all messages for a specific user or group. It enables users to send and receive a wide variety of messages, including but not limited to:

Text messages
Rich messages containing images, videos, documents, audio, and more
Location sharing
URL preview
etc.

It addition, it also shows

Send, Delivery and read indicator for sent messages
Typing Indicators
Other presence status indicators such as online or actively chatting
Message date and time

The entire messaging screen can be customized, allowing adjustments to text styles, colors, and other elements, as elaborated in subsequent sections.

Customizing User Interface and Message Rendering

Mon, 01 Jan 0001 00:00:00 +0000

Mesibo messaging UI is completely open-source, allowing you to download the entire source code and tailor the user interface to suit your application’s needs.

Alternatively, you can also customize most of the user interface including how messages are rendered by implementing MesiboUIListner. The mesibo UI will call this listener functions with the screen and row data as explained below.

Prerequisites

The Mesibo messaging UI is based on RecyclerView in Android and UITableView in iOS. Hence, you must be well-acquainted with these components:

Changing Default Texts, Localization, Colors, and other UI elements

Mon, 01 Jan 0001 00:00:00 +0000

You can change default texts, perform localization, change colors, and other UI properties to suit your app needs

MesiboUI creates a singleton object MesiboUiDefaults having various properties which you change as needed. You should configure it once at the start. It is NOT RECOMMENDED to change these values at runtime.

Below is a list of a few properties. Refer to the source code for the complete definition

public static class MesiboUiDefaults {
	...
	public String messageListTitle = "Messages";
	public String userListTitle = "Contacts";
	public String createGroupTitle = "Create a New Group";
	public String modifyGroupTitle = "Modify Group details";
	public String selectContactTitle = "Select a contact";
	public String selectGroupContactsTitle = "Select group members";
	...
}

To change, get the instance of MesiboUiDefaults and change the necessary variable.

Mesibo Open Source Chat, Voice and Video Calls UI Modules

Mon, 01 Jan 0001 00:00:00 +0000

mesibo provides a variety of pre-built open-source UI components that allow you to quickly add messaging, voice & video calls, and conferencing graphical user interface in your app in just a few lines of code. mesibo UI components are optional and provided to aid in the app development process. You can completely design your own UI components using mesibo core APIs.

{:width=“225px”}| {:width=“225px”} | {:width=“225px”}

Mesibo Open Source Chat, Voice and Video Calls UI Modules

Mon, 01 Jan 0001 00:00:00 +0000

{:width=“225px”}| {:width=“225px”} | {:width=“225px”}

Using Mesibo UI Modules for Android - Messaging

Mon, 01 Jan 0001 00:00:00 +0000

Mesibo offers ready to use UI components which you can quickly add to your applications. Mesibo UI components are completely customizable as per your needs. On Android, Mesibo UI components are available as Fragments.

There are primarily two types of Mesibo UI components:

MesiboUserListFragment, which displays a list of users in different modes. The modes are explained below.
MesiboMessagingFragment, which renders all the messages for a particular user or a group