11.1 Individual Page

This topic describes the systematic instruction to Individual Page option.

Use this mode to export a single page of components or specific individual components from your design. It is ideal for exporting standalone pages, specific UI components or reusable business components.

Figure 11-4 Export to Toolkit -Individual Page


Description of Figure 11-4 follows
Description of "Figure 11-4 Export to Toolkit -Individual Page"

Steps to Export Individual Page:

  1. Usable Component? : Check this box for reusable components.

    Figure 11-5 Export Individual Page - Usable Component


    Description of Figure 11-5 follows
    Description of "Figure 11-5 Export Individual Page - Usable Component"

  2. Read Only?:Check this box to export a read-only variant.

    Figure 11-6 Export Individual Page - Read Only?


    Description of Figure 11-6 follows
    Description of "Figure 11-6 Export Individual Page - Read Only?"

  3. Add to Menu?:Check this box to which menus to include the component in.
    Perform the following actions:
    1. If selected, choose which menus to include the component in:
      1. Retail
      2. Corporate
      3. Admin
    2. Place this page in the desired location of the applications menu (refer in Step 7) in the subsequent pages.

      Figure 11-7 Export to Toolkit - Add Menu


      Description of Figure 11-7 follows
      Description of "Figure 11-7 Export to Toolkit - Add Menu"

    3. Module Description:
      1. Enter a name for the JSON file's folder.

        The base path for this folder is already defined in Step 1. This folder will act as a container for the exported JSON, helping organize the exported components or pages systematically within the defined path.

        Figure 11-8 Export to Toolkit - Module Description


        Description of Figure 11-8 follows
        Description of "Figure 11-8 Export to Toolkit - Module Description"

    4. Component Description:
      1. Provide a file name for the JSON that will be generated and exported.

        This name should be descriptive and relevant to the component or page being exported.

        The file name and module folder create the full path to the JSON file, making it easy to find in the toolkit.

        Note:

        The component name is used to search the file in the toolkit.

        Figure 11-9 Export to Toolkit - Component Description


        Description of Figure 11-9 follows
        Description of "Figure 11-9 Export to Toolkit - Component Description"

Parent topic: Export to Toolkit