• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Arrows in a XAML table

Complete

OSNN Addict
#1
I want to put little arrows inside a DataGrid to mimic the kind of display shown in this Excel file:



But the XAML code defines individual columns instead of individual cells:
Code:
                    <data:DataGridTemplateColumn Header="Prev. Mo. Trend" IsReadOnly="True">
                        <data:DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <StackPanel>
                                    <Image x:Name="img1" Width="11"  Height="12"  VerticalAlignment="Center" HorizontalAlignment="Left" 
                                   Source="/MedAnalyzer;component/Assets/greenuparrow.png" Visibility="Visible"/>
                                    <TextBlock  VerticalAlignment="Center" HorizontalAlignment="Right"  x:Name="Prev_Mo_Trend" Text="{Binding Prev_Mo_Trend}">
                                    </TextBlock>
                                </StackPanel>
                            </DataTemplate>
                        </data:DataGridTemplateColumn.CellTemplate>
                    </data:DataGridTemplateColumn>
I can add text into the Datagrid by data binding with an observable collection. But this is text data. What about replacing gaphics? Do I need something extra special?

This is the results of my efforts



I do not need to have the graphic and the text share the same sell. That part can be overlooked. How can I just replace the arrow with a different error within the cell?
 
Last edited:

Members online

No members online now.

Latest posts

Latest profile posts

Hello, is there anybody in there? Just nod if you can hear me ...
Xie
What a long strange trip it's been. =)

Forum statistics

Threads
61,961
Messages
673,239
Members
89,012
Latest member
Sierge