diff --git a/editor/css/main.css b/editor/css/main.css
index ebc9e5be8485b4..480601fb19e12a 100644
--- a/editor/css/main.css
+++ b/editor/css/main.css
@@ -200,8 +200,15 @@ textarea, input { outline: none; } /* osx */
#opensim_toolbar button img {
width: 20px;
height: 20px;
- }
+}
#opensim_toolbar .text {
margin-left: 10px;
}
+
+#my-gui-container{
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 100;
+}
diff --git a/editor/index.html b/editor/index.html
index a16a6ee5a42fb4..74ba1bac333241 100644
--- a/editor/index.html
+++ b/editor/index.html
@@ -9,7 +9,7 @@
-
+
@@ -198,7 +198,7 @@
}
};
window.onload = function () {
- var gui = new dat.GUI(); // create dat.gui
+ var gui = new dat.GUI({ autoPlace: false }); // create dat.gui
var knobs = new VisualizerKnobs();
var ground = gui.addFolder('Floor');
var texture = ground.add(knobs, 'texture', ['nofloor', 'redbricks', 'graybricks', 'wood-floor', 'tile']);
@@ -224,6 +224,8 @@
editor.config.setKey('settings/captureDPI', value);
});
gui.closed = true;
+ var customContainer = document.getElementById('my-gui-container');
+ customContainer.appendChild(gui.domElement);
}
var viewport = new OpenSimViewport( editor );