diff --git a/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html b/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html
index 3639065..ea88002 100755
--- a/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html
+++ b/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html
@@ -109,17 +109,6 @@ Example:
:host ::content .children:hover rect.child {
fill: #bbb;
}
-
- :host ::content .spinner {
- position: absolute;
- left: 50%;
- top: 50%;
- width: 160px;
- height: 160px;
- margin-left: -80px;
- margin-top: -80px;
-
- }
@@ -199,7 +188,7 @@ Example:
var xyz = function(url) {
me.selectResource(url);
}
- build(this.map, "treemap_placeholder", xyz);
+ build(this.map, "treemap_placeholder", xyz, this._component.width, this._component.height);
},
selectResource: function(url) {
@@ -233,6 +222,16 @@ Example:
behavior : {
type : Object,
value : {}
+ },
+
+ width : {
+ type : Number,
+ value: -1
+ },
+
+ height : {
+ type : Number,
+ value: -1
}
},
diff --git a/datalets/datasetexplorer-datalet/js/buildtreemap.js b/datalets/datasetexplorer-datalet/js/buildtreemap.js
index 1b50a7c..b5318f0 100755
--- a/datalets/datasetexplorer-datalet/js/buildtreemap.js
+++ b/datalets/datasetexplorer-datalet/js/buildtreemap.js
@@ -2,10 +2,10 @@
* Created by Utente on 17/07/2015.
*/
-function build(root, place_holder, select_listener) {
+function build(root, place_holder, select_listener, width, height) {
- var plwidth = $("#" + place_holder).width(),
- plheight = $("#" + place_holder).height();
+ var plwidth = width >= 0 ? width : $("#" + place_holder).width(),
+ plheight = height >= 0 ? height : $("#" + place_holder).height();
var margin = {top: 20, right: 0, bottom: 0, left: 0},
width = plwidth,