Nov 25

 Page Templates

Templates are editable pages with the layout and content defined. These can be used by the developer as a foundation on which the application pages can be built. Here we will be talking about:

Default Page Templates

WaveMaker provides some default Templates for the ease of app development process. The templates are categorized under various heads like Travel, Sales, Healthcare, Finance, Human Resources etc.. Binding the various widgets on these templates to the various data sources will provide the required functionality. For Hybrid Mobile Apps these templates are categorized as a card, chart, dashboard, menu etc.

  • Page Templates are available for selection when adding a new page to an application.
  • A preview of each template can be seen by hovering over the template and clicking on the Preview button.
  • For developer convenience, the Templates are categorized as Travel, Basic, Sales, Healthcare, General, Finance, Human Resources, Social, Admin, and E-Commerce.
    For Hybrid Mobile Apps these templates are categorized as a card, chart, dashboard, menu etc.
  • Each of the Templates has default values set, so the developer can get an idea of how the page would look like. Each of the content and widgets on the canvas needs to be bound to live data for actual rendering of the page.
Web Responsive
Hybrid Mobile

Creating Template Bundles

Template Bundles let you create and use templates across all applications in your enterprise. You can get a UI designer to design the Template Bundle. This document lists the steps in the creation of a Template Bundle.

  1. Select Template Bundles tab and select the Create option
  2. Template bundle can be used on the web or mobile platform. Choose platform accordingly.
  3. Enter the Name and Description for the Template Bundle
  4. The Main Page is created which will be used as a landing page for the Template Bundle and will not be published as part of the Template. You can choose to publish the main page by changing the settings or create a new page for the Template for publishing, from Config Settings as shown in the later steps.
  5. You can create and design a new page like any other page of an application. You can use an existing template and make changes. Here we have created a Dashboard page and are making changes to the existing Sales Dashboard template.
  6. From the Secondary Actions select Settings and then Config Templates to open the Template Configuration dialog
  7. Select the page you want to publish. You can:
    1. change the Name and Description
    2. specify the Category to which the Template belongs, you a can leave it blank
    3. select for Publish
    4. add Keywords used for search discovery
    5. add a Thumbnail to be displayed on the Templates selection dialog, and
    6. add Screenshots to be shown under Preview.
  8. You can see the Template Bundle in action using the Preview option
  9. Export the Template Bundle as a zip file (Enterprise version users, refer to the publishing section)
  10. Create/Open an application to use this Template
  11. From the New Page Dialog, you can Import Template and apply it to the page. You can see the Thumbnail and Preview the Template.

Publishing Template Bundles

Enterprise Version post 10.0 release

In order for the Template to be available for all developers within the enterprise, it needs to be published to the EDN and approved by the EDN Admin.

Refer to Artifacts Publishing Mechanism for more details.

After Admin’s approval, the Template Bundle is listed in the artifact repository listing. To use the Template, the app developer needs to select it from the Template Dialog while adding a Page to the app, or by using the Change Template option for an existing app.

In this document, we have seen how Page Templates ease page design and how you can create your own templates.

 
We use cookies to provide you with a better experience. By using our website you agree to the use of cookies as described in our Privacy Policy.