The Chat Control provides a conversational interface that allows end users to enter input in a text box and display a list of messages. Responses will be shown in real time as they are generated.
To use this control, install the GeneXusUIControls module and drag the Chat Control from the Toolbox into the Layout (for a Panel object generated with Angular) or the Web Layout (for a Web Panel object).
The control can be connected to an Artificial Intelligence provider, for example:
The Chat control itself does not have a height. Instead, it takes the height of its container. Therefore, if you, for example, include the Chat control in a table, you will only see the input field for entering questions, but you will not see the message list (neither the messages you send nor the ones you receive).
To make everything visible, you have two options:
-
Set a specific height for the container, and the control will take that height.
-
In the Design System Object you are using, you can configure, in the Styles section, the .chat class (or the class assigned to the control) with a fixed height (for example, height: 500px;).
styles Base {
.chat {
height: 500px;
}
}
You can customize the appearance of the Chat Control to match your application's design. Markdown formatting is supported in messages. Learn more about Chat control properties, methods, and events.
Below are sample Knowledge Bases that show the use of the Chat Control:
Generators: .NET, Java, Angular
This control is available since GeneXus 18 Upgrade 14 and GeneXus Next.
Chat control properties, methods, and events
HowTo: Use the Chat Control associated with a Procedure that calls a Globant Enterprise AI API
HowTo: Use the Chat Control associated with a Procedure that calls an Agent