or

<UserControl.Resources> <conv:ByteArrayToImageBrush x:Key="byteArrayToImageBrushConverter" /> <conv:BooleanToString x:Key="booleanToStringConverter" /> <conv:StringToVisibility x:Key="stringToVisibilityConverter" /> <Style x:Key="DraggableListBoxItem" TargetType="telerik:RadListBoxItem"> <Setter Property="telerik:DragDropManager.AllowCapturedDrag" Value="True" /> </Style> <Path x:Key="horizontCarouselPath" Stretch="Fill" Opacity="1" Data="M 9,200 C9,200 450,200 450,200 " Stroke="{StaticResource PrimaryLayoutBorderBrush}" StrokeThickness="1" /> </UserControl.Resources><Grid Grid.Row="2" Grid.ColumnSpan="2" Grid.Column="0" Margin="0,10,0,0"> <!--Small Icon View --> <telerik:RadListBox x:Name="DocumentPageRadListBoxSmall" ItemsSource="{Binding SelectedPackDocumentPages}" ItemContainerStyle="{StaticResource DraggableListBoxItem}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionMode="Extended" Visibility="{Binding PageLayoutView, Converter={StaticResource stringToVisibilityConverter}, ConverterParameter=SmallIconView}" BorderThickness="1" BorderBrush="{StaticResource PrimaryLayoutBorderBrush}"> <telerik:RadListBox.ItemTemplate> <DataTemplate> <Border Background="{StaticResource DropzoneBackgroundBrush}" Margin="0,4,0,0" BorderBrush="{StaticResource PrimaryLayoutBorderBrush}" BorderThickness="1" Height="155" Width="85"> <StackPanel Orientation="Vertical"> <Image Source="{Binding Converter={StaticResource byteArrayToImageBrushConverter}, Path=PageBytes}" Height="130" Width="80" HorizontalAlignment="Center" VerticalAlignment="Center" /> <Label Content="{Binding PageLabel}" Style="{StaticResource Label}" HorizontalAlignment="Center" Margin="0,0,0,0" /> </StackPanel> </Border> </DataTemplate> </telerik:RadListBox.ItemTemplate> <telerik:RadListBox.ItemsPanel> <ItemsPanelTemplate> <WrapPanel Orientation="Horizontal" /> </ItemsPanelTemplate> </telerik:RadListBox.ItemsPanel> <telerik:RadListBox.DragDropBehavior> <behaviors:DragDropCopyBehavior /> </telerik:RadListBox.DragDropBehavior> </telerik:RadListBox> <!--Large Icon View --> <telerik:RadListBox x:Name="DocumentPageRadListBoxLarge" ItemsSource="{Binding SelectedPackDocumentPages}" ItemContainerStyle="{StaticResource DraggableListBoxItem}" ScrollViewer.HorizontalScrollBarVisibility="Auto" SelectionMode="Extended" Visibility="{Binding PageLayoutView, Converter={StaticResource stringToVisibilityConverter}, ConverterParameter=LargeIconView}" BorderThickness="1" BorderBrush="{StaticResource PrimaryLayoutBorderBrush}"> <telerik:RadListBox.ItemTemplate> <DataTemplate> <Border Background="{StaticResource DropzoneBackgroundBrush}" Margin="0,4,0,0" BorderBrush="{StaticResource PrimaryLayoutBorderBrush}" BorderThickness="1" Height="Auto" Width="Auto"> <StackPanel Orientation="Vertical"> <Image Source="{Binding Converter={StaticResource byteArrayToImageBrushConverter}, Path=PageBytes}" Height="300" Width="170" HorizontalAlignment="Center" VerticalAlignment="Center" /> <Label Content="{Binding PageLabel}" Style="{StaticResource Label}" HorizontalAlignment="Center" Margin="0,0,0,0" /> </StackPanel> </Border> </DataTemplate> </telerik:RadListBox.ItemTemplate> <telerik:RadListBox.ItemsPanel> <ItemsPanelTemplate> <StackPanel Orientation="Horizontal" /> </ItemsPanelTemplate> </telerik:RadListBox.ItemsPanel> <telerik:RadListBox.DragDropBehavior> <behaviors:DragDropCopyBehavior /> </telerik:RadListBox.DragDropBehavior> </telerik:RadListBox> <!--Carousel View --> <telerik:RadCarousel x:Name="DocumentPageRadCarousel" HorizontalContentAlignment="Center" VerticalContentAlignment="Top" ItemsSource="{Binding SelectedPackDocumentPages}" AutoGenerateDataPresenters="False" Background="Transparent" Visibility="{Binding PageLayoutView, Converter={StaticResource stringToVisibilityConverter}, ConverterParameter=CarouselView}" Panel.ZIndex="4" FlowDirection="LeftToRight" HorizontalScrollBarVisibility="Auto" BorderThickness="1" BorderBrush="{StaticResource PrimaryLayoutBorderBrush}"> <telerik:RadCarousel.Resources> <DataTemplate DataType="{x:Type workflow:DocumentPackPage}"> <Image Source="{Binding Converter={StaticResource byteArrayToImageBrushConverter}, Path=PageBytes}" HorizontalAlignment="Center" VerticalAlignment="Center" Height="400" Width="300" /> </DataTemplate> </telerik:RadCarousel.Resources> <telerik:RadCarousel.ItemsPanel> <ItemsPanelTemplate> <telerik:RadCarouselPanel Path="{StaticResource horizontCarouselPath}" /> </ItemsPanelTemplate> </telerik:RadCarousel.ItemsPanel> </telerik:RadCarousel> </Grid>
<br> <telerik:RadGridView ItemsSource="{Binding Path=NasaShipsCollection, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=true, NotifyOnValidationError=true, Mode=TwoWay}" <br> SelectionMode="Single" SelectedItem="{Binding Path=SelectedEvent, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=true, NotifyOnValidationError=true, Mode=TwoWay}" <br> AutoGenerateColumns="False" ShowGroupPanel="False" RowIndicatorVisibility="Collapsed" CanUserDeleteRows="False" IsFilteringAllowed="True"><br> <telerik:RadGridView.Columns><br> <telerik:GridViewDataColumn Header="Name" DataMemberBinding="{Binding EShip}" /> <br> <telerik:GridViewDataColumn DataMemberBinding="{Binding Visible, Mode=TwoWay}" FilterMemberPath="Visible" IsFilterable="True" ShowFilterButton="False" ><br> <telerik:GridViewDataColumn.FilteringControl><br> <controls1:BoolenFilteringControl /><br> </telerik:GridViewDataColumn.FilteringControl><br> </telerik:GridViewDataColumn><br> </telerik:RadGridView.Columns> <br> </telerik:RadGridView><br>