Hi Guys,


Here is the document which helps to understand about Road Map UI Element.



Regards,

Mohammed



Road Map UI Element:

  1. Create Node ‘ROADMAP’-STEP(String)

Img-1.JPG

2. Map the Node ‘ROADMAP’ in Main View

  1. Place a Transparent Container on the Layout
  2. Place Road Map UI Element
  3. Right Click on the RoadMap UI Element->Insert Step-> Like below screen

/wp-content/uploads/2014/03/2_416994.jpg

4. When Insert Step is selected the below screen appears

ID: FIRST Typ:RoadMapStep – This is for FIRST Step – Repeat the same for SECOND and THIRD STEPS as below

ID: SECOND Typ:RoadMapStep

ID: THIRD Typ:RoadMapStep

   5. Add two buttons NEXT and PREVIOUS and create action for them – NEXT, PREVIOUS

   6. Add ViewContainerUI Element

   7. Finally the Main View screen appears as below

   8. Create three outbound plugs as below

     

   9. Write the code in WDDOINIT method as below

  10. Write the code in ONACTIONNEXT as below

   

  11. Write the code in ONACTIONPREVIOUS as below

 

  12.Create FIRST View as per below screen shot – Place Text View on Main and add text as ‘First View’

   

  13. Create FIRST View as per below screen shot – Place Text View on Main and add text as ‘First View’

  14. Create inbound plug as ‘FROM_MAIN’

    

  15. Create Second View as per below screen shot – Place Text View on Main and add text as ‘Second View’

  16. Create inbound plug as ‘FROM_MAIN’

  17. Create Third View as per below screen shot – Place Text View on Main and add text as ‘Third View’

  18. Create inbound plug as ‘FROM_MAIN’

   

  19. Finally create Navigation link as per the below screen shot

Out Put :

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply