Skip to Content

In an OVP application, multiple pages of different types can be created and navigation can happen by raising CONTENT CHANGE event and calling the appropriate PAGE ID of the target page. FPM also make allows us to integrate a default edit page and default detailed page to a main page and by raising just an standard event these pages can be called. This post helps to show navigation from main page to default edit page and vice versa.

The main page displays a form UIBB of the flight table SPFLI fields. The feeder class details

/wp-content/uploads/2016/05/1_957296.png

/wp-content/uploads/2016/05/2_957297.png

/wp-content/uploads/2016/05/3_957298.png

/wp-content/uploads/2016/05/4_957305.png

Create an OVP application configuration.

/wp-content/uploads/2016/05/5_957306.png

The page is now a MIAN page. Provide page title. Add a form uibb and create a form uibb configuration with the above feeder class.

/wp-content/uploads/2016/05/6_957307.png

/wp-content/uploads/2016/05/7_957311.png

Add few fields. Make some fields as input field. Save and test the application.

/wp-content/uploads/2016/05/9_957312.png

Test the application and here we have the MAIN page with flight information. As the demo tries to show the navigation between main page and edit page ,lets make these fields as read only field in the main page and will show these as edit fields in EDIT page.

/wp-content/uploads/2016/05/10_957313.png

Put the below code in the GET_DATA method of the feeder class to make the input fields as read only fields in the main page.

/wp-content/uploads/2016/05/11_957317.png

Test the application again. now the input fields becomes read only on the main page. Now we have to create a button to navigate to the edit page and also have to create an edit page and link to the main page.

/wp-content/uploads/2016/05/12_957318.png

Go to the toolbar schema.

/wp-content/uploads/2016/05/13_957319.png

Add a toolbar element.

/wp-content/uploads/2016/05/14_957320.png

Add a button.

/wp-content/uploads/2016/05/15_957321.png

provide the button text and make sure the event id should be as ‘FPM_CALL_DEFAULT_EDIT_PAGE’ Save the configuration.

/wp-content/uploads/2016/05/16_957351.png

Test the application and now we have a button as Edit page on the Main Page to call the Edit page. Click the button.

/wp-content/uploads/2016/05/17_957353.png

We receive the error as the edit page is not yet created and also not yet assigned to the Main page.

/wp-content/uploads/2016/05/18_957354.png

Now we are creating the edit page with the same form uibb configuration as on the main page. So create an edit page .

/wp-content/uploads/2016/05/19_957355.png

Provide edit page title and choose a form component.

/wp-content/uploads/2016/05/20_957356.png

provide the same form uibb configuration as in the main page.

/wp-content/uploads/2016/05/21_957357.png

Now select the main page and in the default edit page provide the edit page id and save the configuration.

/wp-content/uploads/2016/05/22_957358.png

Test the application again. Click on the Edit Page button to call the edit page.

/wp-content/uploads/2016/05/23_957365.png

So here we have the edit page displayed . So here the standard FPM handles the content area change process. Now we have to make the fields as editable on the edit page. So as we are suing the same form uibb configuration in the edit page.

/wp-content/uploads/2016/05/24_957366.png

In the feeder class GET_DATA, for the event : FPM_CALL_DEFAULT_EDIT_PAGE add the below code to make the fields as input enabled.

/wp-content/uploads/2016/05/25_957367.png

Test the application.

/wp-content/uploads/2016/05/23_957365.png

So the fields appear as input enabled in EDIT page. Now here we have to put a button to go back to the main page.

/wp-content/uploads/2016/05/26_957371.png

Create a button on the edit page form uibb toolbar.

/wp-content/uploads/2016/05/27_957372.png

Provide the event id of the button as ‘FPM_BACK_TO_MAIN’ Save the configuration.

/wp-content/uploads/2016/05/28_957373.png

Test the application.

/wp-content/uploads/2016/05/29_957374.png

Click on the Main page button on the edit page and automatically it will go back to the main page.

/wp-content/uploads/2016/05/30_957375.png

So here we are on the main page.

/wp-content/uploads/2016/05/31_957377.png



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