messages like textbox in windows phone

Question

I want to know how can I create a textbox that looks like the one in the messaging app in windows phone (bubble textbox)?

I've been able to create one that looks like it using a regular textbox and a path to create the triangle.

However, I wasn't able to create the same effect when the input is focused (with a border around the entire bubble.)

Screenshots:

http://i.stack.imgur.com/CzwV5.jpg

http://i.stack.imgur.com/MzT3b.png

Answer 1

You have ChatBubble and ChatBubbleTextBox controls available in the Coding4Fun toolkit .

If they don't fit exactly to what you want, you can try by aplying changes over their templates.

Answer 2

Go to properties of the list view which contains the messages aligned, See VerticalContentAlignment set it to bottom.