xsokev / dojo-bootstrap
Bootstrap ported to dojo AMD modules
Installs: 570
Dependents: 1
Suggesters: 0
Security: 0
Stars: 178
Watchers: 32
Forks: 58
Open Issues: 27
Language:JavaScript
Type:zend-extra
Requires
- composer/installers: ~1.0
This package is not auto-updated.
Last update: 2021-11-06 14:09:09 UTC
README
Dojo-Bootstrap
An implementation of the excellent Bootstrap framework using the Dojo Toolkit. This project replaces the Bootstrap JavaScript components with AMD-compatible Dojo modules. Tested with Dojo 1.9.3 and Bootstrap 3.1.1.
Quick Start
git clone git://github.com/xsokev/Dojo-Bootstrap.git
- Add the dojo sdk to
vendor/dojo
by runningbower install
. - Point your browser to
http://host/path/to/Dojo-bootstrap/tests/index.html
Integration
See examples in test/test_*.html
In Brief
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dojo-Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="path/to/bootstrap/styles.css">
</head>
<body>
<button type="button" id="loading-button" class="btn btn-primary" data-loading-text="Loading...">Load</button>
<script>
var dojoConfig = {
async: 1,
packages: [
{ name: "bootstrap", location: "path/to/Dojo-Bootstrap" }
]
};
</script>
<script type="text/javascript" src="path/to/dojo/dojo/dojo.js"></script>
<script>
require(["bootstrap/Button", "dojo/query"], function (Button, query) {
query("#loading-button").on("click", function(e){
query(e.target).button('loading');
setTimeout(function(){
query(e.target).button('reset');
}, 2000);
});
});
</script>
</body>
</html>
Tests
See the Tests wiki page for info on running and writing Dojo Bootstrap tests.
Useful resources
- Dojo-Bootstrap Website with examples for all the modules
- Dojo Reference Guide (latest release version)
- Dojo Reference Guide (Dojo trunk)
- Bootstrap
License
Dojo Bootstrap is licensed under the Apache License 2.0