Icon Using the Project Manager

The project manager provides a quick and easy-to-use interface to the contents of a project, including all source units (code-behind units for forms and databases, and code-only units) and external files like images or Javascript source files.

Image

Information Simply adding an external JavaScript source file to a project is insufficient for actually referencing such external code from within an Elevate Web Builder application. You must also define an external interface to the classes, functions, procedures, and variables that you wish to reference in your application code. For more information on defining external interfaces, please see the External Interfaces topic.

By default, the project manager is visible in the IDE. If the project manager is closed, you can open it by holding down the Ctrl and Alt keys and hitting the F11 key, or by using the Project Manager option on the View menu:

Image

Adding an Existing Source Unit to a Project
Use the following steps to add an existing source unit to a project using the project manager:
  • Click on the Units node of the project contents tree.

    Image


  • Click on the Add button in the project manager toolbar:

    Image


  • A Windows file open dialog will appear. Navigate to, and select, the existing source unit that you wish to add to the project. Click on the Open button in the Windows file open dialog to complete adding the source unit to the project.
Removing a Source Unit from a Project
Use the following steps to remove a source unit from a project using the project manager:
  • Click on the name of the source unit that you wish to remove:

    Image


  • Click on the Remove button in the project manager toolbar:

    Image


  • A confirmation dialog will be displayed, asking you to confirm the removal of the source unit from the project. Click on the Yes button to continue, or the No button to cancel the removal.
Information Removing a source unit from a project does not delete the actual source unit file on disk. It only removes the reference to the source unit from the project source file (.wbp) so that it will not be considered part of the project anymore.

Adding an Existing External File to a Project
Use the following steps to add an existing external JavaScript file to a project using the project manager:
  • Click on the External Files node of the project contents tree.

    Image


  • Click on the Add button in the project manager toolbar:

    Image


  • The Add External File dialog will appear:

    Image

    Select the type of external file to add using the Type combo box. If the file is a local file (the default), then leave the Local radio button selected and specify the local file name using the File edit control and/or the file selection button to the right of the edit control. If the file is an http resource, then select the Resource radio button and specify the URL for the resource using the File edit control. Click the OK button when you are done specifying the external file to add.

    Information When adding an external local file, Elevate Web Builder will automatically convert any absolute path specified for the external file to a path that is relative to the current project directory.

    If you select Font as the type of external file to add, the Add External File dialog will change to look like the following:

    Image

    This additional information is necessary to ensure that the proper font linking information is added to the project's HTML loader file during compilation, and to ensure that the proper font is selected at runtime. Use the Font Name combo box to select or enter the name of the font that should be used at runtime, and the Bold and Italic check boxes to specify if the font is a bold or italic version of the font.
Removing an External File from a Project
Use the following steps to remove an external file from a project using the project manager:
  • Click on the name of the external file that you wish to remove:

    Image


  • Click on the Remove button in the project manager toolbar:

    Image


  • A confirmation dialog will be displayed, asking you to confirm the removal of the external file from the project. Click on the Yes button to continue, or the No button to cancel the removal.
Information Removing an external file from a project does not delete the actual external file on disk. It only removes the reference to the external file from the project configuration file (.wbc) so that it will no longer be considered part of the project.

Opening the Project Folder
You can quickly open the project folder for browsing in the operating system by using the project folder toolbar button in the project manager.

To open the project folder:
  • Click on the Project Folder button in the project manager toolbar:

    Image
Quick Compiler Settings for a Project
You can toggle certain compilation settings quickly by using the project compiler options toolbar in the project manager.

To toggle the compressed output compilation setting:
  • Click on the Compressed Output button in the project manager toolbar:

    Image
Image