Using Dojo with Codenvy

Create a dojo application using our Factory URL:

Codenvy supports JavaScript, HTML and a cross-browser JavaScript library dojo. To use this library in your Codenvy projects, you’ll need to download dojo from the official site, upload it to your HTML/JavaScript project, refer to dojo.js from HTML file. Below is an example:

  • create a simple JS project (use create a new project wizard and delete js file from there)
  • download dojo from an official site
  • upload dojo library to your project root folder (File > Upload File)


You can utilize the full Dojo Toolkit from the services[Cloud hosting via CDN] by including a script tag in your page

<script src="//"></script>.
  • paste the following content into HTML file:
<!DOCTYPE html>
<link href="styles/styles.css" rel="stylesheet" />
<link href="//" rel="stylesheet" />
<script>dojoConfig = {parseOnLoad: true}</script>
<script src="//"></script>
<script src="js/script.js"></script>
<body class="claro">
<p class="ptxtCenter" >
Dojo tutorial<br />
<button data-dojo-type="dijit/form/Button" type="button" onclick=";">Click Me!</button></p>
  • paste the following content into script.js file:
require(["dijit/Dialog", "dojo/domReady!"], function(Dialog){
greetDialog = new Dialog({
title: "Greeting",
content: "Hello World!",
style: "width: 200px;height:200px"
  • paste the following content into styles.css file:
.ptxtCenter {
text-align: center;
  • you should see something like this:


  • when you click the button, you’ll be shown a greeting dialog: