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
>