[Solved] Possible to put transitioncontrol in border?

[ryan]

Is it possible to put a transition control inside a border with a corner radius so that the four edges of the images are circular instead?  I tried just putting the transition contorl inside a border but the transition control appears on top of the border no matter what I do.

[Dani]

Hi Ryan,

Thank you for contacting us.

From the information you have shared, I understand that you would like the images inside your TransitionControl to have rounded corners. You can easily accomplish this by setting  Image.Clip to the image in your RadTransitionControl.ContentTemplate. It will look something similar to this:

<telerik:RadTransitionControl.ContentTemplate>
           <DataTemplate>
               <Image Source="{Binding ImageUrl}"
                       Stretch="Uniform"
                       Width="320"
                       Height="240">
                      <Image.Clip>
                          <RectangleGeometry Rect="0,0,200,200" RadiusX="4" RadiusY="4" />
                      </Image.Clip>
               </Image>

           </DataTemplate>
       </telerik:RadTransitionControl.ContentTemplate>

I hope this helps. If you need further assistance, please contact us again.

All the best,
Dani
the Telerik team