Hi,
I'am a UX Designer (very lil or no coding experience ) using Expression Blend. I have a WPF GridView and trying to databind with some sample data . I need to embed images in one of the columns, have "image" has one of the data objects and pointing to a image folder in the solution. The images show up in the data binding dialog box (please see attachment) but do not appear in the Gird.
Don't know if it's the path to the images or something else is wrong, Appreciate any help.
Here's the code:
<telerik:RadGridView x:Name="radGridView" Margin="0,-2,0,0" VerticalAlignment="Top" ItemsSource="{Binding Collection, Mode=OneTime}" AreRowDetailsFrozen="{Binding Collection[0].Collection[0].Collection[0].Collection, Mode=OneTime}" RowDetailsVisibilityMode="VisibleWhenSelected" Height="380.337" ContextMenu="{Binding Collection, Source={StaticResource ContextMenu}}" telerik:Theming.Theme="Transparent" telerik:StyleManager.Theme="Transparent" ShowGroupPanel="False" ActionOnLostFocus="None" EditTriggers="None" EnableRowVirtualization="False" IsSynchronizedWithCurrentItem="False" Background="Transparent" GridLinesVisibility="None">
<telerik:RadContextMenu.ContextMenu>
<telerik:RadContextMenu DataContext="{Binding Source={StaticResource ContextMenu}}" ItemsSource="{Binding Collection}"/>
</telerik:RadContextMenu.ContextMenu>
<telerik:RadGridView.RowDetailsTemplate>
<DataTemplate>
<telerik:RadTabControl Background="#FF3E444A">
<telerik:RadTabItem Header="Composition">
<Grid>
<Image HorizontalAlignment="Left" Width="950.5" Source="Images/Composition.jpg" Stretch="Fill" Height="167" Margin="3,3,3,3" ToolTip="loremipsum"/>
</Grid>
</telerik:RadTabItem>
<telerik:RadTabItem Header="Attribute Detail">
<Grid>
<Image HorizontalAlignment="Left" Width="950.5" Source="Images/Composition.jpg" Stretch="Fill" Height="167" Margin="3,3,3,3" ToolTip="loremipsum"/>
</Grid>
</telerik:RadTabItem>
<telerik:RadTabItem Header="Account Detail">
<Grid>
<Image HorizontalAlignment="Left" Width="950.5" Source="Images/Composition.jpg" Stretch="Fill" Height="167" Margin="3,3,3,3" ToolTip="loremipsum"/>
</Grid>
</telerik:RadTabItem>
<telerik:RadTabItem Header="Location Detail">
<Grid>
<Image HorizontalAlignment="Left" Width="950.5" Source="Images/Composition.jpg" Stretch="Fill" Height="167" Margin="3,3,3,3" ToolTip="loremipsum"/>
</Grid>
</telerik:RadTabItem>
</telerik:RadTabControl>
</DataTemplate>
</telerik:RadGridView.RowDetailsTemplate>
</telerik:RadGridView>
![]()
I'am a UX Designer (very lil or no coding experience ) using Expression Blend. I have a WPF GridView and trying to databind with some sample data . I need to embed images in one of the columns, have "image" has one of the data objects and pointing to a image folder in the solution. The images show up in the data binding dialog box (please see attachment) but do not appear in the Gird.
Don't know if it's the path to the images or something else is wrong, Appreciate any help.
Here's the code:
<telerik:RadGridView x:Name="radGridView" Margin="0,-2,0,0" VerticalAlignment="Top" ItemsSource="{Binding Collection, Mode=OneTime}" AreRowDetailsFrozen="{Binding Collection[0].Collection[0].Collection[0].Collection, Mode=OneTime}" RowDetailsVisibilityMode="VisibleWhenSelected" Height="380.337" ContextMenu="{Binding Collection, Source={StaticResource ContextMenu}}" telerik:Theming.Theme="Transparent" telerik:StyleManager.Theme="Transparent" ShowGroupPanel="False" ActionOnLostFocus="None" EditTriggers="None" EnableRowVirtualization="False" IsSynchronizedWithCurrentItem="False" Background="Transparent" GridLinesVisibility="None">
<telerik:RadContextMenu.ContextMenu>
<telerik:RadContextMenu DataContext="{Binding Source={StaticResource ContextMenu}}" ItemsSource="{Binding Collection}"/>
</telerik:RadContextMenu.ContextMenu>
<telerik:RadGridView.RowDetailsTemplate>
<DataTemplate>
<telerik:RadTabControl Background="#FF3E444A">
<telerik:RadTabItem Header="Composition">
<Grid>
<Image HorizontalAlignment="Left" Width="950.5" Source="Images/Composition.jpg" Stretch="Fill" Height="167" Margin="3,3,3,3" ToolTip="loremipsum"/>
</Grid>
</telerik:RadTabItem>
<telerik:RadTabItem Header="Attribute Detail">
<Grid>
<Image HorizontalAlignment="Left" Width="950.5" Source="Images/Composition.jpg" Stretch="Fill" Height="167" Margin="3,3,3,3" ToolTip="loremipsum"/>
</Grid>
</telerik:RadTabItem>
<telerik:RadTabItem Header="Account Detail">
<Grid>
<Image HorizontalAlignment="Left" Width="950.5" Source="Images/Composition.jpg" Stretch="Fill" Height="167" Margin="3,3,3,3" ToolTip="loremipsum"/>
</Grid>
</telerik:RadTabItem>
<telerik:RadTabItem Header="Location Detail">
<Grid>
<Image HorizontalAlignment="Left" Width="950.5" Source="Images/Composition.jpg" Stretch="Fill" Height="167" Margin="3,3,3,3" ToolTip="loremipsum"/>
</Grid>
</telerik:RadTabItem>
</telerik:RadTabControl>
</DataTemplate>
</telerik:RadGridView.RowDetailsTemplate>
</telerik:RadGridView>