(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();
Chat

It is the element that adds functionality to the messaging between the developed application end users.

Adding Chat

You can add the Chat element from the Elements panel by dragging and dropping it to the screen. If you drag it to an empty area on the screen, it is added with the Row element. If you drag it into a column, you just add the Chat element.

Properties

You can select the user who can message, or you can set the application you have prepared according to the darl/light mode. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.

DATA SOURCE

You can select the data source to display the message history.

CURRENT USERNAME

You can get the last user information on the screen where the chat element is used.

DARK MODE

You can have the element displayed in dark mode in accordance with the light mode by default.

AUTHORIZATION

You can use the authorization options for the chat element.

VISIBILITY

You can manage the visibility of the element. It can be always visible, hidden, or you can make it appear or hide depending on a condition.

ACTIONS

You can add functions to the chat element with Add Actions.

Styling

You can make additional edits to the Chat Element by adding a frame, fill color, border, or shadow.

LAYOUT

You can make visual adjustments such as environmental interior spaces and sizing. Depending on the chat size, you can align the elements in it.

TEXT

You can set the properties such as the color and size of the chat text and icon with the text section.

FILL

You can add colors or images to the chat body.

BORDER

You can add lines to the outer edges of the chat and give curves to the corner.

SHADOW

You can add shadows to the chat element.

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try