Hi,
I have a static set of images within the transition control. Right now I can display 10 images per per page. I want to ask how can I create another set of 10 images that will be shown on the next page. Data template only allows me one set of images.
Also, how can I have two custom images (arrow left and arrow right) to trigger "Next page" and "Previous page"? My current code is shown below:
I have a static set of images within the transition control. Right now I can display 10 images per per page. I want to ask how can I create another set of 10 images that will be shown on the next page. Data template only allows me one set of images.
Also, how can I have two custom images (arrow left and arrow right) to trigger "Next page" and "Previous page"? My current code is shown below:
<
telerik:RadTransitionControl
x:Name
=
"TransitionControl"
SnapsToDevicePixels
=
"True"
Margin
=
"130,124,100,184"
>
<
telerik:RadTransitionControl.ContentTemplate
>
<
DataTemplate
>
<
StackPanel
>
<
WrapPanel
Orientation
=
"Horizontal"
>
<
WrapPanel.Resources
>
<
Style
TargetType
=
"{x:Type Image}"
>
<
Setter
Property
=
"Margin"
Value
=
"10,10"
/>
</
Style
>
</
WrapPanel.Resources
>
<
Image
Height
=
"250"
Width
=
"180"
DataContext
=
"{Binding}"
Source
=
"/Kintrol;component/Images/300.jpg"
/>
<
Image
Source
=
"Images/1.jpg"
Height
=
"250"
Width
=
"180"
/>
<
Image
Source
=
"Images/2.jpg"
Height
=
"250"
Width
=
"180"
/>
<
Image
Source
=
"Images/3.jpg"
Height
=
"250"
Width
=
"180"
/>
<
Image
Source
=
"Images/4.jpg"
Height
=
"250"
Width
=
"180"
/>
<
Image
Source
=
"Images/5.jpg"
Height
=
"250"
Width
=
"180"
/>
<
Image
Source
=
"Images/6.jpg"
Height
=
"250"
Width
=
"180"
/>
<
Image
Source
=
"Images/7.jpg"
Height
=
"250"
Width
=
"180"
/>
<
Image
Source
=
"Images/8.jpg"
Height
=
"250"
Width
=
"180"
/>
<
Image
Source
=
"Images/9.jpg"
Height
=
"250"
Width
=
"180"
/>
</
WrapPanel
>
</
StackPanel
>
</
DataTemplate
>
</
telerik:RadTransitionControl.ContentTemplate
>
<
telerik:RadTransitionControl.Transition
>
<
telerik:SlideAndZoomTransition
/>
</
telerik:RadTransitionControl.Transition
>
</
telerik:RadTransitionControl
>
<
Image
Source
=
"Images/next.png"
Margin
=
"1134,332,12,359"
/>
<
Image
Source
=
"Images/previous.png"
Margin
=
"12,262,1134,334"
/>