Skip to main content

Create a new page

In KAIZEN, pages are the foundation of the application. A page serves as the canvas for designing the UI visually. Creating a page is the initial step for building any new feature, as the page will contain all UI components and interactions.

Create a page in App Designer

To create a page, perform the following:

  1. Open the App Designer. Find the Resources panel.

  2. Select Pages. Click the + sign. Two options appear:

    • Start from a template: This option opens the Create Page from Template window. Select one of the following categories from the dropdown:

      • Charts
      • Dashboard
      • Mobile UI
      • Website
      • Training

      Then select a Template to use as the starting point for your page.

    • Create Page: This option starts from a blank canvas.

  3. After you select one of the options above, the Create Page window displays, asking you to fill in the page details.

  4. Provide the page details. Refer to Create Page window fields to define the page metadata and settings.

  5. When you finish providing the information, click Save.

    A success message will display, and the page you created will appear in the list under Pages in the Resources panel.

Create Page window fields

The following table describes each field in the Create Page window:

Field NameMandatoryDescriptionOptions
ApplicationYesThe application where the new page will belong.Pre-selected
NameYesEnter a unique, human-readable name for the page.User input
Page IDYesEnter a unique, machine-readable identifier for the page, often used for navigation and in URLs. Only valid values like a to z, A to Z, 0 to 9 and underscore _ are accepted.User input
TypeYesSelect the functional role of the page in the application.
  • Page: The standard type for any content page where the user builds the UI.
  • Action: Used for creating components that persist across all pages, such as a global logout button or profile menu.
  • Banner: A section that appears at the top of every page, typically for a website logo or a short description.
  • Menu Header: A navigation element used to group related pages under a common section in the application menu.
  • Footer: A section that appears at the bottom of every page, typically for links or copyright information.
DescriptionNoEnter an optional description of the page's purpose.User input
StatusYesSpecify the initial status of the page upon creation.
  • Active: The page is enabled and can be accessed by users.
  • Inactive: The page is disabled and cannot be accessed.
Default PageYesSpecify if this page should be the first one that loads when the application starts.
  • Yes: This page will serve as the application's main entry point.
  • No: This is a standard page that must be accessed via navigation from another page.
Is ProtectedYesSpecify a security setting that determines if a user must be authenticated (logged in) to view this page.
  • Yes: This page will require the user to log in before viewing.
  • No: This page will allow anyone to view it.
PrivilegesNoAssign specific permissions required to access this page. This integrates with the IAM system, ensuring only those users with the correct roles can view the page.Configure the privileges in studio console, from the application card (three-dot icon). Refer to this article for more details.
Browser Tab NameNoEnter an optional name of the browser.User input

Last updated on 20 May 2026