Hello Shayan,
let me first summarise what I interpret from your screenshots:
1. Application::Menu is presented at the startup time of the application as dialog.
2. When the user activates the button Start you want the actual menu component to disappear (dismiss) and show (present) the component Application::Start.
If this assumptoin is correct then following could be the steps:
Step 1: Add a slot method to the component Application::Menu. Name it e.g. onStart.
Step 2: Connect the slot method to the property OnActivate of the Push Button 'Start'.
Now, when the user activates the push button, the slot method is invoked.
Step 3: Open the slot method for editing and implement it with following code:
if ( IsCurrentDialog())
rootthis.SwitchToDialog( new Application::Start, null, null,
null, null, null, null, null, null, null, false );
This operation will cause the actual (Menu) dialog to be dismissed and the new dialog (Start) to be presented. Both dialogs are managed in context of the Application component, therefore rootthis is used. The if-condition in the first row prevents eventual race conditions (see also Identify the active Dialogs and avoid race conditions).
If your application limits to switch between few dialog components (the hierarchy of dialogs is flat) and you don't want any animations during the dialog transitions, you could even simplify the implementation of the slot method to following code (see also Simplified approach to handle top-level dialogs (switching screens)):
if ( IsCurrentDialog())
rootthis.ActiveDialog = new Application::Start;
I hope it helps you further.
Best regards
Paul