Page History

...

CommonScreens.xml file code will be:

 <screen name="CommonPracticeDecorator">
      <section>
          <widgets>
              <decorator-screen name="main-decorator">
                  <decorator-section name="body">
                      <decorator-section-include name="body"/>                     
                  </decorator-section>
              </decorator-screen>
          </widgets>
      </section>
</screen>

...

Step - 6 : Now do the needful for rendering this screen in controller.xml file as we did earlier.
Now again run the application and see the results.

Output Screen:

Now moving to create a form for showing the content of Person entity on the screen:(Using Form Widget)

...

Step - 1 : For this just make app-bar-display="true" in ofbiz-component.xml file.
Restart the server then run it again you will find practice application in app bar.

Output will be: Image Removed
 Screen: Image Added

Create UI Labels:

...