private void createTranscriptTable() {
		// create the table to hold the messages
		messagesTable = new Table();
		messagesTable.defaults().space(10).top();
		messagesTable.setBackground(skin.getPatch("panel"));

		for (int i = 0; i < 20; i++) {
			addChatMessage(new ChatMessage("1", "1", "message chat asd asd asd asdasd" + i));
		}

		// create the scroll pane
		scrollPane = new FlickScrollPane(messagesTable);
		scrollPane.width = Gdx.graphics.getWidth();
		scrollPane.height = Gdx.graphics.getHeight() / 3;
		scrollPane.visible = false;
		stage.addActor(scrollPane);
	}

	private void addChatMessage(ChatMessage msg) {
		Image head = new Image(getAvatarHead(msg.clientId).getRegion());
		Label name = new Label("Avatar:", "medium", new Color(1, 0, 0, 1), skin);
		Label message = new Label(msg.message, skin);
		message.setWrap(true);
		Image separator = new Image(skin.getPatch("separator"));

		messagesTable.row();
		messagesTable.add(head).minSize("pref");
		messagesTable.add(name);
		messagesTable.add(message).expandX().fillX();
		messagesTable.row();
		messagesTable.add(separator).height(2).colspan(3).fillX();
	}