nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Transparent popup window

NaciDilekli

Hello,

Is there a way to make the esri.dijit.Popup transparent? I tried domStyle.set(popup.domNode, "opacity", 0.1) but there is still no transparency. Thanks!

Finde mehr Beiträge mit dem Tag

Accepted answers

rscheitlin

Naci,

Sure it is:

.esriPopup .contentPane {
    background-color: rgba(257, 247, 247, 0.75);
}
.esriPopup .titlePane {
    background-color: rgba(72, 85, 102, 0.75);
}
.esriPopup .actionsPane {
    background-color: rgba(257, 247, 247, 0.75);
}
.esriPopup .pointer, .esriPopup .outerPointer {
    background-color: rgba(257, 247, 247, 0.75);
}

All comments

NaciDilekli

Great! Thanks!

rscheitlin

Naci,

Sure it is:

.esriPopup .contentPane {
    background-color: rgba(257, 247, 247, 0.75);
}
.esriPopup .titlePane {
    background-color: rgba(72, 85, 102, 0.75);
}
.esriPopup .actionsPane {
    background-color: rgba(257, 247, 247, 0.75);
}
.esriPopup .pointer, .esriPopup .outerPointer {
    background-color: rgba(257, 247, 247, 0.75);
}

NaciDilekli

Thank you Robert,

Could you tell what specific overrides they would be. Do you have a CSS example that produces that screenshot?

Thanks, Naci

rscheitlin

Naci,

You can adjust the popups opacity by adding some CSS overrides but the issue is the pointer on the popup is not a real arrow/triangle it is a square rotated and when you set the opacity of the popup the pointers hidden portion of that square is now visible and look horrible.

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.