Hi,
* I am struggling to resize the editor widget.
* The Feature Selection window in "Create" workflow is too small:
* The scroll list for the feature layers needs to be longer, to display more features
* These CSS classes seem to be responsible for the size of the feature selection window
.esri-item-list"esri-item-list__scroller
|
However, when I try to change the height of these elements. The height of the Feature Selection does not change.
watchUtils.when(editor, "activeWorkflow", (x) => {
if (x.type == "create") {
setTimeout(function(){
// Get html element
let e1 = Array.from(document.getElementsByClassName("esri-item-list"))[0];
let e2 = Array.from(document.getElementsByClassName("esri-item-list__scroller"))[0];
// Change Height
e1.style.height= "300px";
e2.style.height= "300px";
},500);
}
});
Your help will be greatly appreciated!
Solved! Go to Solution.
Looked like this worked.
.esri-ui .esri-editor .esri-item-list__scroller {
max-height: 500px; /**whatever you want here**/
}
Looked like this worked.
.esri-ui .esri-editor .esri-item-list__scroller {
max-height: 500px; /**whatever you want here**/
}
It works! thank you so much. I thought I tried that already '😂 appreciated