Telerik Forums
UI for Silverlight Forum
5 answers
247 views
Could someone help me with implementing a Wizard with the RadTransition control and several UserControls.

Basically we have 5 UserControls that represent the pages of a complex wizard.  At the moment we have a hand coded slide animation that animates the pages in and out, but we have a requirement to support a user choice of animation in the future and the RadTransition control fits perfectly for this.

I have tried following the code in the samples putting our UserControls in a Listbox and binding to the SelectedItem but cannot get this to work.

Our current implementation has all 5 pages added to a Grid column and all but the first one are moved off to the right out of view by setting the X of their TranslateTransform element.  Then as the user clicks on Next or Back code is executed to slide the current page out and the new page in.  I was hoping to be able to replace the content of the grid column with a RadTransition control and have it take responsibility for animating the pages in and out.

We aren't using the Silverlight or Telerik navigation features because we don't want users to be able to navigate to wizard pages using a url and we also had trouble with pages being cached that meant we had to do more state management than was reasonable.
Binyam
Top achievements
Rank 1
 answered on 03 May 2014
1 answer
15 views
Hi to all,
my question is, can I navigate trought children by child?

I have a TranstionalControl that has several page child. I navigate trought pages child by a my combobox.
When I select an combobox's item, I jump to selected page child.

But if I want to jump to another child page, by current child page. How can I do?

Child could comunicate to Parent (TransitionControllo) to navigate to another page.

Bye
Kalin
Telerik team
 answered on 03 Jul 2013
0 answers
39 views
Hi,

I try to use RadTransitionControl with PRISM, but my program does not work correctly.

Xaml :
<telerik:RadTransitionControl prism:RegionManager.RegionName="MyRegion1" >
    <telerik:RadTransitionControl.Transition>
        <telerik:FadeTransition/>
    </telerik:RadTransitionControl.Transition>
</telerik:RadTransitionControl>

CB :
private void RadMenu_ItemClick(object sender, Telerik.Windows.RadRoutedEventArgs e)
        {           
            switch ((e.OriginalSource as ExtendedMenuItem).AdditionalInfo.ToString())
            {
                case "XX":
                    _moduleManager.LoadModule("XXImpl");
                    break;
                case "YY":
                    _moduleManager.LoadModule("YYImpl");
                    break;
                case "ZZ":
                    _moduleManager.LoadModule("ZZImpl");
                    break;
                default:
                    MessageBox.Show("Module indisponible");
                    break;
            }
        }

my problem is that the transition does not work. There is only the first module that appears.
how I can solve this problem.
thank you
amine
Top achievements
Rank 1
 asked on 17 Jun 2013
2 answers
62 views
<ControlTemplate TargetType="navigation:Frame" x:Name="MainFramtransition">
                    <telerik:RadTransitionControl Content="{TemplateBinding Content}"  
            ContentTemplate="{TemplateBinding Content}" >
                        <telerik:RadTransitionControl.Transition  >
                            <effects:RollTransition />
                        </telerik:RadTransitionControl.Transition>
                    </telerik:RadTransitionControl>
                </ControlTemplate>
            </navigation:Frame.Template>

I am trying to do the following senario.

I have a main frame which has a radtraisitioncontrol with rolltransition effect.

Inside this frame, i have another frame also. (attaching the structure for referance)

When i adding the radtransition control to subframe as below

<navigation:Frame x:Name="SubContents" Margin="5,0,5,5" MaxWidth="1000" Grid.Column="0" Grid.Row="3"  ScrollViewer.VerticalScrollBarVisibility="Visible" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                          Source="/page2">
                   <navigation:Frame.Template>
                       <ControlTemplate   x:Name="SubFramtransition" TargetType="navigation:Frame">
                           <telerik:RadTransitionControl Content="{TemplateBinding Content}"  >
                               <telerik:RadTransitionControl.Transition  >
                                   <effects:RollTransition />
                               </telerik:RadTransitionControl.Transition>
                           </telerik:RadTransitionControl>
                       </ControlTemplate>
                   </navigation:Frame.Template>

The mianfram contians below code for radtranstioncontrol

But when i run the application and the mainframe is loaded, it throws un_expected_error in client side and there is no detials avialable.

could you please help?
Hari
Top achievements
Rank 1
 answered on 25 Apr 2013
1 answer
32 views
I am using radtransitioncontrol with frames. Tihs works well in common senarions.
But when the content page is large and takes time to fetch data from server, the page gets hung. if i remove the radtransition control, it works well.
Is there anything i can do to make this work well?
George
Telerik team
 answered on 25 Apr 2013
1 answer
41 views
Hi
I'm using RadControls Q2 2012.
In second example of TransitionControl, the ContentTemplate has margin set to :
<Border Margin="47 40 47 18">
But I don't want use margin. when I remove the margin property or set it to 0, an exception will thrown.
How can I remove margin from it?
Yana
Telerik team
 answered on 26 Feb 2013
2 answers
61 views
New to Telerik Silverlight controls and not sure if I am not looking in the right place or not. I have searched around and cannot seem to find a solution for using a transition control with stackpanels. Maybe it would be better to outline the issue: I have three stackpanels with different things like a detail section / stackpanel with textblocks, a history section / stackpanel with a RadGridView, etc. The idea is to have one visible until a button or something is clicked and it will hide the one there and show the next one. Am I on the right track or need to refocus?

Thanks,
Jacob
Top achievements
Rank 1
 answered on 31 Jan 2013
11 answers
147 views
I have a transition control inside a viewbox.  When the transition is about to happen, the content of the transition control changes size (slight distort).

Any idea why?
George
Telerik team
 answered on 30 Jan 2013
0 answers
35 views
I would like to reduce the code footprint by creating a template so it can all be declared in the RadTransitionControl. I have snaffled this from an existing thread.

<telerik:RadTransitionControl Grid.Row="16" Grid.Column="0" x:Name="tcText1">
                    <telerik:RadTransitionControl.ContentTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding}" FontSize="14" />
                        </DataTemplate>
                    </telerik:RadTransitionControl.ContentTemplate>
 
                    <telerik:RadTransitionControl.Easing>
                        <BackEase />
                    </telerik:RadTransitionControl.Easing>
 
                    <telerik:RadTransitionControl.Transition>
                        <telerik:FadeTransition />
                    </telerik:RadTransitionControl.Transition>
                </telerik:RadTransitionControl>

Is it possible to put the Content, easing and transition into a single template or style, I could not work out which to use ControlTemplate, Style, DataTemplate etc.

I have no trouble handling the timing in the ViewModel, is there a method to only do the fade 1 time (other than code in the VM) and have the content show without fade after the initial load. This is the Home page and will be returned to many times and I don't want the repeated fade to distract/annoy the user.

Mark
Top achievements
Rank 1
 asked on 17 Dec 2012
2 answers
47 views
Hi,

I see a lot of people try to achieve that the animation does not show on first container, but somehow i have that behavior by default and i NEED to show the animation on first container.

The code is:
//Set the content of the transition control
      Trans.Content = _cnv;
 
      switch (Transition)
      {
        case TransitionEnum.Fade:
          Trans.Transition = new FadeTransition();
          break;
        case TransitionEnum.FlipWarpAnimation:
          Trans.Transition = new FlipWarpTransition();
          break;
      }

I don't see what i'm doing wrong, i'm setting the content and then i define the transition, but the content is shown without animation. Then when i change the content again i will get the animation.

Has this been changed so it would the default behavior... if so, how do i get it to show the animation?

Best Regards

Peter

HDC
Top achievements
Rank 1
 answered on 08 Nov 2012
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?