I am new to creating web maps and I am currently working with ArcGIS Web AppBuilder Developer Edition. I already figured out how to andjust the size of the popup windows. Now I'd like to change the position of the close, next and maximize button in the top bar of the popup, but have no clue where to start.

Can someone point me in the right direction?


1 Answer 1


Add the following css property in to your: WebAppBuilder For ArcGIS-Install-Directory\server\apps\yourAppsID\jimu.js\css\popup.css

.esriPopup .titleButton.maximize {
    right: 22px !important;

.esriPopup .titleButton.close {
    right: 3px !important;
.esriPopup .titleButton.next {
    right: 46px !important;

.esriPopup .titleButton.prev {
    right: 64px !important;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.