Silverlight 5 Multi Column and Linked Text

If you are designer of text and love to play around with text formatting, then you would love to use Multi Columns and Link text in Rich Text Box's. This feature gives you the ability to display overflowed content in next box or column rather than using scroll bar to read through all the content.

While working with the RichTextBox you have option that If paragraphs and text are more than height and width of RichTextBox you show then using scroll bars. Now in Silverlight 5, you can link overflowed content to next column or box.



If you link text in multi columns, you will get expected output as below,



All columns [You may say box as well] all linked to each other. You can put boxes as you want. In above case three boxes are in three different columns, if you want you can put Column2 and Column3 in the same column.

If you have a RichTextBox like below and this may be having many contents.



Now you want to link this RichText Box with RichTextOverFlow such that overflow content will be displayed in next box.



It can be done as below,



This is very nice feature you can use to create multicolumn content. For your reference source code of output, I shown earlier is given blow,

<UserControl x:Class="SilverlightApplication9.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <RichTextBlock x:Name="FirstBox"                      
                       HorizontalAlignment="Left" 
                       Width="100"
                       
                       OverflowContentTarget="{Binding ElementName=SecondBox}"
                       Margin="33,0,0,0">
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter ...</Paragraph>
            <Paragraph>what we are going to do with our attitude does matter.</Paragraph>
        </RichTextBlock>
        <RichTextBlockOverflow  x:Name="SecondBox" HorizontalAlignment="Right"
                                Width="100"                  
                               OverflowContentTarget="{Binding ElementName=ThirdBox}" 
                               Margin="0,0,45,250">      
          
        </RichTextBlockOverflow>
        <RichTextBlockOverflow x:Name="ThirdBox" 
                               HorizontalAlignment="Right"
                               Width="100" 
                               Margin="0,0,194,195">
         </RichTextBlockOverflow> 
    </Grid>
</UserControl>

I hope this post was useful. Thanks for reading ,If you find my blogs useful you may like to follow me on twitter http://twitter.com/debug_mode  or may like Facebook page of this blog http://www.facebook.com/DebugMode.Net

If you want to see post on a particular topic please do write on FB page or tweet me about that, I would love to help you.

[twitter-followscreen_name='debug_mode' show_count='yes']