Resize widget (API 4.x)

844
2
Jump to solution
01-31-2022 03:24 AM
ZA1
by
New Contributor III

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  

ZA1_0-1643627630471.png

* These CSS classes seem to be responsible for the size of the feature selection window

.esri-item-list"
esri-item-list__scroller
 
ZA1_3-1643627845474.png

 

ZA1_4-1643627854820.png

 

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!

 

0 Kudos
1 Solution

Accepted Solutions
ReneRubalcava
Frequent Contributor

Looked like this worked.

.esri-ui .esri-editor .esri-item-list__scroller {
  max-height: 500px; /**whatever you want here**/
}

View solution in original post

2 Replies
ReneRubalcava
Frequent Contributor

Looked like this worked.

.esri-ui .esri-editor .esri-item-list__scroller {
  max-height: 500px; /**whatever you want here**/
}
ZA1
by
New Contributor III

It works! thank you so much. I thought I tried that already '😂 appreciated 

0 Kudos