Creating a new modal pop-up

You can create new modal pop-ups for the Sterling™ Field Sales application and embed the modal within an existing layout or an existing widget.

Before you begin

To view your customization changes in real-time in a browser before deploying the changes in a production environment, you must have set up a local development environment and configured Sterling Field Sales to run in the local development environment. For more information, refer to Setting up local development environment and Configuring Sterling Field Sales to run in a local development environment.

Open the command prompt and run the following command from the <cpq_temp>\IBMFieldSales_UI directory: gulp serve-dev.

This command will launch Sterling Field Sales in a in a browser. Any customization changes that you make are reflected in real-time in the browser.
Create an extensions directory in the <cpq_temp>\IBMFieldSales_UI\web\app directory.
You can invoke a new modal pop-up in an existing layout or widget by overriding the template and controller properties of the existing layout or widget. Override layout or widget template and controller in extensions directory to instantiate the new modal pop-up.
Once you are ready with your customization changes and you want to deploy the changes in a production environment, build the production ready UI artifacts by running the following command from the <cpq_temp>/IBMFieldSales_UI directory: gulp build.
The production ready UI artifacts are built in the <cpq_temp>/IBMFieldSales_UI/build directory. Copy the contents of this directory (excluding index.html file) to the <INSTALL_DIR>/repository/eardata/ifs/extn/ifs-ext directory. Create ifs-ext directory, if it doesn’t exist.
After you perform the customizations, you must place all the extensions in the <INSTALL_DIR>/extensions/ifs/ directory.