Containers
Workspace overview

Sphere Engine Containers Workspace allows you to embed the workspace in your application.

See how it works

Below is an embedded, fully functional and ready-to-use Sphere Engine Workspace.

Embed the workspace in your application

Embed the workspace in your application by following these two steps.

First, place the following JavaScript code directly after the <body>:

<script>(function(d, s, id){
  SE_BASE = "<customer_id>.containers.sphere-engine.com";
  SE_HTTPS = true;
  SE_USE_APPEND_CHILD = true;
  SE = window.SE || (window.SE = []);
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = (SE_HTTPS ? "https" : "http") + "://" + SE_BASE + "/static/sdk/sdk.min.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, "script", "sphere-engine-jssdk"));

SE.ready = function(f) {
  if (document.readyState != "loading" && document.readyState != "interactive") f();
  else window.addEventListener("load", f);
};
</script>

Next, place the following HTML code in the exact place in which you want to display the workspace:

<div class="se-workspace" data-workspace="workspace_id"></div>
  Contents