Adding Oracle JET to an Existing JavaScript Application

You can add Oracle JET to your existing JavaScript application by extracting the oraclejet.zip file into the site root of your application and including references to the Oracle JET libraries and CSS as needed.

To add Oracle JET to an existing JavaScript application:

1. Download oraclejet.zip as described in Downloading Oracle JET as a Zip File.
2. Extract oraclejet.zip into the site root of your application.

   For example, if your application's site root is Site Root, extract oraclejet.zip into Site Root. After extraction, your site root folder will contain the following Oracle JET files and folders as shown in the NetBeans IDE.

   

   The css folder contains the themes included with Oracle JET, and the scss folder contains the SASS source files for the Oracle JET themes. For additional information about Oracle JET theming, see Theming Applications.

   The js folder contains the Oracle JET libraries and third party libraries, and the buildnum and revnum files identify the Oracle JET build number and version. For additional information about the libraries included in Oracle JET, see What's Included in Oracle JET.

3. If you want to use one of the themes included with Oracle JET, add the appropriate link to the CSS. For details, see Including References to CSS Files in Your Oracle JET Application.
4. If you want to use the Oracle JET libraries, you can either specify the links directly in your main application file or use RequireJS to manage the Oracle JET library, link, and script references.

   • For information about specifying the links directly in your main application file, see: Specifying Library, Link, and Script References Without RequireJS.

   • For information about configuring your application to use RequireJS, see Using RequireJS to Manage Library, Link, and Script References.