Skip to Content

Create a New Project or Component Wizard for SAP Web IDE

0 %
Create a New Project or Component Wizard for SAP Web IDE
// Explore More Tutorials

Create a New Project or Component Wizard for SAP Web IDE


Create a new wizard template for creating projects or components for SAP Web IDE.

You will learn

  • How to create your own reusable wizard template from scratch.

Before you begin

For this tutorial, you must have a feature project in your workspace. If you do not have one, create one as described in Creating Our First Feature (MTA).

Step 1: Open template wizard

In the development perspective of SAP Web IDE, on the Files tab, in the workspace, let’s right-click our plugin folder and then choose New > Template.

Directory path
Step 2: Enter template information

In the wizard, in the Template Information screen, we enter the following:

  • Name
  • Description (Optional)
  • Type - From the dropdown list, let’s select one of the following:
    • project - A template of the project type generates a complete standalone project.
    • component - A template of the component type generates an artifact that can be added to an existing project.
  • Category - The category under which your new template will be displayed in the New Project from Template wizard. You can select one of the existing categories, or create your own custom category for your template.

If we are creating a template that will replace an existing one within this plugin, we select the Overwrite existing template checkbox.

Let’s choose Next.

Step 3: Set up wizard steps

Now we decide on the steps that will appear in the wizard when a developer uses our new template. In the Wizard Step Selection screen, steps 1 and 2 are provided and predefined:

  • Select a Template
  • Project Basic Information

To add more wizard steps, we can choose Add Step and then for each step, in the dropdown list, we select one of the following step types, which are provided out-of-the-box:

Step Type Technical Name Step Description
catalogstep Data Connection step, where the user connects to an OData service.
odataAnnotationSelectionStep Annotations Selection step, where the user selects the UI annotation files that were selected in the catalogstep step, and then ranks the order in which they will be loaded in the generated project.
templateCustomizationStep Template Customization step, where the user provides data that the template needs for generation. If this step is selected, the modelRoot and modelFileName configuration properties must be provided for the template.
componentConfirmStep A customized finish step that appears as the content of the Confirm step in the wizard. It is intended for component-type templates only. The step displays the target location for generating the component and allows the user to select whether to overwrite an already existing component. For including this step in your component template, provide it as the last step in the wizard steps array.

The order in which we select the steps determines the order in which they appear in the wizard template. You can add each step only once.

We can create our own custom step. For more information, see Developing Custom Wizard Steps.

Let’s choose Next.

Step 4: Confirm template

In the Confirmation screen, we choose Finish to confirm and create our new wizard template in our plugin project.

Step Result

The generated template folder includes all the template files, including the template class, an empty model.json file, and a resources folder with a sample template resource. We can modify these files based on our needs, and provide this new template to our SAP Web IDE users.
Tree result

If we make any changes in the resources folder, we need to make sure to archive it. To do that, we right-click the resources folder, and then choose Archive.

We can change the configurations that were defined when creating the wizard template in the generated code. For more information, see Template Configuration and Template Categories.

To build, deploy, and activate our new wizard template, we can follow the instructions in the links above under Next Steps.

Next Steps

Back to top