Editing Popup of ArcGIS Web AppBuilder web map

Question

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?

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;
}