Container - Transition Method

Animate the change from one control to another

Member of Container (PRIM_CPST)

Parameters

Name

Type

Data Type

Description

From

*Input

PRIM_CTRL

Control to be hidden

To

*Input

PRIM_CTRL

Control to be shown

TransitionType

*Input (Optional)

Enumeration

Type of animation

Duration

*Input (Optional)

Integer

Number of milliseconds to take to complete the animation

Delay

*Input (Optional)

Integer

Number of milliseconds to wait before starting the animation

Details

The Transition method will animate the hiding of one panel and the showing of another.

There are many different transitions available. Use AutoComplete or F2 in the IDE to obtain a complete list.

Example

This example shows two panels transitioning when clicked

     Begin_Com Role(*EXTENDS #PRIM_WEB) Height(456) Width(864) Layoutmanager(#TableLayout2)
        Define_Com Class(#PRIM_VS.Style) Name(#Style1) Backgroundbrush(#Brush1)
        Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush1) Color(43:130:255) 

        Define_Com Class(#PRIM_VS.Style) Name(#Style2) Backgroundbrush(#Brush2)
        Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush2) Color(255:146:40) 

        Define_Com Class(#PRIM_TBLO) Name(#TableLayout1)
        Define_Com Class(#PRIM_TBLO.Column) Name(#Column1) Displayposition(1) Parent(#TableLayout1)
        Define_Com Class(#PRIM_TBLO.Row) Name(#Row1) Displayposition(1) Parent(#TableLayout1) 

        Define_Com Class(#PRIM_TBLO) Name(#TableLayout2)
        Define_Com Class(#PRIM_TBLO.Column) Name(#Column2) Displayposition(1) Parent(#TableLayout2)
        Define_Com Class(#PRIM_TBLO.Row) Name(#Row2) Displayposition(1) Parent(#TableLayout2)
        Define_Com Class(#PRIM_TBLO.Item) Name(#Panel1Item1) Column(#Column2) Manage(#Panel1) Parent(#TableLayout2) Row(#Row2) Margintop(20) Marginbottom(20) Marginleft(20) Marginright(20)
        Define_Com Class(#PRIM_TBLO.Item) Name(#Panel1Item2) Column(#Column2) Manage(#Panel2) Parent(#TableLayout2) Row(#Row2) Margintop(20) Marginbottom(20) Marginleft(20) Marginright(20) 
       
        Define_Com Class(#PRIM_PANL) Name(#Panel1) Displayposition(1) Left(20) Parent(#COM_OWNER) Tabposition(2) Tabstop(False) Top(20) Layoutmanager(#TableLayout1) Height(416) Width(824) Style(#Style1)
        Define_Com Class(#PRIM_PANL) Name(#Panel2) Displayposition(2) Left(20) Parent(#COM_OWNER) Tabposition(1) Tabstop(False) Top(20) Layoutmanager(#TableLayout1) Height(416) Width(824) Style(#Style2) Visible(False) 

        Evtroutine Handling(#Panel1.Click #Panel2.Click) 

           If (#Panel1.Visible) 

              #Com_owner.Transition( #Panel1 #Panel2 Fade ) 

           Else 

              #Com_owner.Transition( #Panel2 #Panel1 Fade ) 

           Endif 

        Endroutine 

     End_Com


See also

All Component Classes

Technical Reference