Inline UI and Image not displaying at runtime

[Scott]

I'm just starting out with RichTextBox and having an issue displaying InlineUIElements and ImageInline objects.
I've been using the rest of the suite without this type of issue.

The odd thing is that it shows up at design time.

Is there anything I'm missing?

<UserControl x:Class="FOCUSAlert.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"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
        mc:Ignorable="d" d:DesignWidth="860" d:DesignHeight="530">
    <Grid x:Name="LayoutRoot">
        <telerik:RadRichTextBox>
            <telerik:RadRichTextBox.Document>
                <telerik:RadDocument LayoutMode="Paged">
                    <telerik:Section PageMargin="10, 10, 10, 10">
                        <telerik:Table>
                            <telerik:TableRow>
                                <telerik:TableCell TextAlignment="Center" VerticalAlignment="Center">
                                    <telerik:Paragraph>
                                        <telerik:InlineUIContainer Width="230" Height="50">
                                            <StackPanel >
                                                <Image Source="Images\team challenge logo.jpg"/>
                                            </StackPanel>
                                        </telerik:InlineUIContainer>
                                        <telerik:ImageInline x:Name="logo"  Extension="jpg" UriSource="Images\team challenge logo.jpg" Height="50" Width="250"/>
                                    </telerik:Paragraph>
                                </telerik:TableCell  >
                                <telerik:TableCell TextAlignment="Center" VerticalAlignment="Center">
                                    <telerik:Paragraph>
                                        <telerik:Span FontWeight="ExtraBold" ForeColor="Red" FontSize="16" Text="DEPARTMENT NAME" />
                                    </telerik:Paragraph>
                                    <telerik:Paragraph TextAlignment="Center">
                                        <telerik:Span FontWeight="ExtraBold" FontSize="16" Text="ALERT" />
                                    </telerik:Paragraph>
                                </telerik:TableCell>
                                <telerik:TableCell>
                                    <telerik:Paragraph>
                                        <telerik:Span Text="Document No.:" />
                                    </telerik:Paragraph>
                                </telerik:TableCell>
                                <telerik:TableCell>
                                    <telerik:Paragraph>
                                        <telerik:Span Text="XXX" />
                                    </telerik:Paragraph>
                                </telerik:TableCell>
                            </telerik:TableRow>
                        </telerik:Table>
                    </telerik:Section>
                </telerik:RadDocument>
            </telerik:RadRichTextBox.Document>
        </telerik:RadRichTextBox>
    </Grid>
</UserControl>

[Iva Toteva]

Hi Scott,

It seems that the problem is with the backslashes. Changing the UriSource/Source to 

"Images/team challenge logo.jpg"

solves the problem.
I have no idea why the images show at design time either. That is how they work for Images in general, not only when they are embedded in the document of the rich text box via InlineUIContainers.
On a side not, you should note that image files with build action of both Resource and Content will show in an Image, but in order to be able to show the pictures in ImageInline, the build action has to be Content.

All the best,
Iva
the Telerik team