Irrlicht Extended GUI Project

Download the patch here.

Changelog : view

Features

General:

• Extended Event handling: You can now attach event listeners to objects.

Controls:

• Table control: I've created a table control from scratch.

• Chat box: A control that's very suitable for creating a chat box in a game.

• Extended Scrollbar

• Extended Tab Control

• Extended Edit box

• Extended Listbox

Table control

This table control will act like any good table. You can add rows, modify cells text and color etc. The implementation comes with a default alphabetical ordering scheme for columns but you can define your own very easily.

Extended tab control

-Adjustable height and width for the tabs.
-Scrollbar for when you have too many tabs to fit the tab control display area.
-You can place the tabs at the bottom of the tab control now.
-You can set the color of each tab text.

Wait a minute, those tabs are so high compared to the text inside. We're wasting a lot of space. Ok that's better:



Mmm, too bad we can't add more tabs without having them being cut off or not displayed. Whoops, fixed too :



Here, I added the tab "CCCCCC" and it was too big to display, so it added the "tab scroll bar". Now, with the tab scroll bar, "BBBBBB" can't be displayed either, so it's taken out. You can now use the arrow buttons to scroll through the tabs.

Mmmm I'd like to place my tab control differently, have it display the tabs at the bottom for my chat window interface :



Now.. if only I could reduce the width added on the side of my text in the tabs, I could save a lot of space I need. There you go again I guess ^_^:

Chat Box control

I needed a chat window for our client and I wasn't very satisfied with any of the current control as a solution. The colored listbox control was nice but it was missing some critical features like text wrap around for large message. Also, it still allowed you to select list items etc. So I created my own chat control :

Features:
-Message based: You add the chat text message by message, like irc.
-Wrap around : If the text is too large to fit on one line, it will wrap around on the other line.
-Message color: You can assign one color per message.
-Auto scroll : The text will scroll as new messages are added.

Here, you can see the text wrap around and the color coding per line:


Just some random user chat. Notice that the window will scroll to follow the chat as new messages are added like any good irc client: