Silverlight

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.

Silverlight 5 Multi Column and Linked Text

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

Silverlight 5 Multi Column and Linked Text

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.

Silverlight 5 Multi Column and Linked Text

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

Silverlight 5 Multi Column and Linked Text

It can be done as below,

Silverlight 5 Multi Column and Linked Text

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']

Up Next
    Ebook Download
    View all
    Learn
    View all
    Get Started

    You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.

    Become a sharper developer and jumpstart your career.

    Basic

    $0

    $

    . 00

    monthly

    For Basic members:

    • Standard Profile
    • Access learning courses
    • Access free e-books
    • 1x point
    Premium

    $20

    $

    . 00

    monthly

    For Premium members:

    • Earn 2x reward points
    • Premium profile with Verified check
    • Premium Avatar with status update
    • Learning courses
    • Unlimited Certifications and badges on profile
    • Unlimited Book downloads
    • Access to Premium content
    • Online Training
    • Unlimited PDF conversions and downloads
    • Professional Resume Writing
    • Interview Preparations Guide
    • 25 messages per month
    • 1 "Kodzu" avatar, basic
    Elite

    $45

    $

    . 00

    monthly

    For Elite members:

    • Bundle E-books
    • Access to all Learn Series
    • Unlimited Apply Jobs