Hello,

Thank you for your feedback. I am glad that you resolved your issue and I believe that other community members may benefit from this as well.

Thanks again.

Excellent - thanks for your help.

Hello,

You should change the Path in the Binding of the Image's Source to Value, instead of PicturePath.

Hope this helps you.

Hi Stefan,

I have an sql datatable populated with data which is currently displayed in the datacards.  One of the columns in the table contains the filepath to the images.  How do i bind this column to the path in xaml? I have set the Path parameter to equal the name of the column in the datatable.

my xaml looks like this.

<igDP:XamDataPresenter Name="myDataPresenter" Grid.Row="1" BindToSampleData="False" AutoFit="True" Margin="0,0,0,6" Visibility="Visible" Theme="Office2k7Blue">

<igDP:XamDataPresenter.FieldSettings>
<igDP:FieldSettings AllowRecordFiltering="True" FilterClearButtonVisibility="Visible" FilterOperandUIType="Combo" FilterOperatorDefaultValue="Contains" FilterStringComparisonType="CaseInsensitive" AllowEdit="False" AllowGroupBy="False" AllowCellVirtualization="True" AllowLabelVirtualization="True" AllowResize="False" AllowSummaries="False" CellClickAction="SelectCell" />
</igDP:XamDataPresenter.FieldSettings>
<igDP:XamDataPresenter.FieldLayoutSettings>
<igDP:FieldLayoutSettings AutoGenerateFields="False" AllowAddNew="False" AllowDelete="False" HighlightAlternateRecords="True" HighlightPrimaryField="Highlight" />
</igDP:XamDataPresenter.FieldLayoutSettings>

<igDP:XamDataPresenter.FieldLayouts>
<igDP:FieldLayout Key="myLayout">
<igDP:FieldLayout.Fields>
<igDP:Field Name="ExerciseTitle" Label="ExerciseTitle" Height="Auto" Width="100"/>
<igDP:Field Name="ExerciseText" Label="ExerciseText" Height="90" Width="240"/>

<igDP:Field Name="BodyParts" Label="BodyParts" Height="Auto" Width="100"/>
<igDP:Field Name="ExerciseFunctions" Label="ExerciseFunctions" Height="Auto" Width="100"/>
<igDP:Field Name="ExerciseID" Label="ExerciseID" Visibility="Hidden" />
<igDP:Field Name="PicturePath" Label="PicturePath" Height="Auto" Width="Auto">
<igDP:Field.Settings>
<igDP:FieldSettings>
<igDP:FieldSettings.CellValuePresenterStyle>
<Style TargetType="{x:Type igDP:CellValuePresenter}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate>
<Image Source="{Binding RelativeSource={RelativeSource AncestorType={x:Type igDP:CellValuePresenter}},Path=PicturePath}"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</igDP:FieldSettings.CellValuePresenterStyle>
</igDP:FieldSettings>
</igDP:Field.Settings>
</igDP:Field>
</igDP:FieldLayout.Fields>
</igDP:FieldLayout>
</igDP:XamDataPresenter.FieldLayouts>
<igDP:XamDataPresenter.View>
<igDP:CardView />
</igDP:XamDataPresenter.View>
</igDP:XamDataPresenter>

Hello Paul,

I have created a sample project for you with the functionality you want. It’s in C#, but in code behind I just defined the data source, so the important part is in XAML. Also I can say that the best practice for retemplating a visual element is by using XAML, not code behind.

Hope this helps you.