Help us improve your experience.

Let us know what you think.

Do you have time for a two-minute survey?

 

Integrate JavaScript Libraries Into Your Template

 

Add CSS and JavaScript libraries to your HTML templates to style and enhance your apps user interface.

You can use the Dojo and JQuery JavaScript libraries that are integrated into JSA to add CSS styling, widgets, and other UI features to your app.

Dojo

To integrate the Dojo JavaScript toolkit into your app's HTML template, add the following tags to your template's HEAD element:

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>My app!</title> <link type="text/css" rel="stylesheet" href="/console/idt/dojo/resources/dojo.css"></link> <link type="text/css" rel="stylesheet" href="/console/idt/dijit/themes/dijit.css"></link> <link type="text/css" rel="stylesheet" href="/console/idt/dijit/themes/claro/claro.css"></link> <link type="text/css" rel="stylesheet" href="/console/idt/idx/themes/oneui/oneui.css"></link> <script type="text/javascript" src="/console/idt/dojo/dojo.js" data-dojo-config="async:true, parseOnLoad: true"></script> </head> <body></body> </html>

JSA uses Dojo 1.9.3.

JQuery

To integrate the JQuery JavaScript library into your app's HTML template, add the following tag to your template's HEAD element:

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>My app!</title> <script type="text/javascript" src="/console/core/js/jquery/jquery.min.js"></script> </head> <body></body> </html>