Chat background in unity3d

Guys, I want to ask a question. How could I make a chat background similar like this link?

1

With the auto text (the text will automatically typed one by one words per time).

The thing is, I already done the chat background similar to the image above, but with the transparent background, when I tried to fill the transparent background with the text in it, the text did not show.

Here is the image when it is on transparent background:

[35805-text+scene.png|35805]

And here is the code that I have been using for this one (auto text):

using UnityEngine;
using System.Collections;

public class AutoText : MonoBehaviour 
{
    public float letterPause = 0.5f; // Define and set the pause for each letters

    public AudioClip sound = null; // For the sound

    public static string message = "Help...! Help...!" + "

" + “Somebody…! Please Help Me…!”; // The message

    private void Start()
    {
        StartCoroutine(TypedText());
    }

    IEnumerator TypedText()
    {
        // Loop through the message
        foreach (char letter in message.ToCharArray())
        {
            // Set the gui text to be same with message
            guiText.text += letter;

            // If sound available
            if (sound)
            {
                // Play it on each words
                audio.PlayOneShot(sound);

                // Go back to the if statement
                yield return 0;
            }

            // Each letters will be shown for how many seconds delay
            yield return new WaitForSeconds(letterPause);
        }
    }
}

For the text itself, I create a gui text in the unity editor and put the script on it, like the below image:

[35808-auto+text.png|35808]

Could anyone help me?

Thank you

My first instinct is telling me that you have, or are missing, some kind of OnGUI() code for the text in the box, which is causing it to only expand to a certain width.

I have also had issues using Rich Text in my games, but it has not caused anything exactly like this, but who knows?

I suggest creating, if you haven’t already, a GuiSkin with a style of onpageText that has a width of your textbox.