Silverlight text around an image

Question

Im am trying to wrap text around an image as one would use the html float property. Is there a way to acomplish this in silverlight 3?

Thanks

Answer 1

I tackled this issue a while back. There is not really a good way that I know of. This will work though it's just painful.

In order to simplify the explanation why don't we assume that the image is in the upper right corner of the page and the text needs to be to the left and below the image.

Start by placing the TextBlock and the Image side-by-side.

Calculate the bottom most point of the TextBlock and the bottom most point of the image. (Use their top margins and actual heights.

While the TextBlock is the larger you move a word at a time into a newly created TextBlock below the image. This creates the illusion of wrapping text.

    leftText.Text = textToWrap;
    bottomText.Text = string.Empty;
    Stack wordsToMove = new Stack();
    double imageBottomPoint = image1.ActualHeight + image1.Margin.Top;
    while ((leftText.ActualHeight + leftText.Margin.Top) > (imageBottomPoint + 14))
    {
        int lastSpace = leftText.Text.LastIndexOf(' ');
        string textToMove = leftText.Text.Substring(lastSpace).Trim();
        BlockedText.Text = leftText.Text.Remove(lastSpace);
        wordsToMove.Push(textToMove + ' ');
    }
    StringBuilder sb = new StringBuilder(bottomText.Text);
    while (wordsToMove.Count > 0)
    {
        sb.Append(wordsToMove.Pop());
    }

    bottomText.Text = sb.ToString();