...

This page explains the steps that needs to be followed when modernizing working on the following scenarios:

• Modernizing a brand new page

...

• Mapping a new field

...

• to an already existing html page when it is added in classic

...

• page

Scenario 1: Modernizing a brand new page

As an example, let us consider modernizing the “Invitation Search“ page.

Given below is the screenshot of the classic page. 

Below steps are to be followed when mapping the new page.

...

Place the HTML content generated by the utility in 'InvitationSource.html' file. In the generated html HTML content, make changes like adding css (if required) and bootstrap to make it mobile responsive.

...

When the following page opens, click on “Reload Configuration”.

The final output of the modern page will be as given below:

Scenario 2: Mapping a new field to an already existing html page when it is added in classic page

...

Now map the above 'id' to the 'psid' field in html HTML file. Use appropriate handlebar to map these fields. Since it is a prompt field, here 'promptWithLabel2' handlebar is used.

...