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

Remove Results Count from Zone Lookup Instant App

emoreno

Hi Esri Community!

I am working on a zone lookup instant app, and was wondering if there was a way to remove the "Results" count at the top of the popups that appear. I've gone through all of the readily available functionality changes in the app, as well as looked online to see if this is something I can do. Does anyone have any recommendations or know if this is achievable? Any help is appreciated!

Encuentra más publicaciones etiquetadas con

Búsqueda de Zona

Accepted answers

khutchins

Here try this css instead. Note this assumes that you do not have any export tools enabled that appear in the same space as the result count.

.toggle-panel{
display:none;
}
@media only screen and (max-width: 859px){
.toggle-panel{
display:block;
}
#countDiv{
display:none;
}
.mobile-expand {

    vertical-align: middle;
    justify-content: space-around;
    display: flex;
    width: 100%;
}
}

All comments

khutchins

You can keep an eye on the Esri blog site for “What’s New in ArcGIS Online” to get a sense of what is coming in the next release.

emoreno

Awesome, thank you for the information. Is there any instant app roadmap or timeline I can reference for more information on future releases?

khutchins

@emoreno technically it would be possible but it would involve quite a bit of css and it would be very brittle and hard to maintain. However we are working on a full map layout option for Zone Lookup for situations just like yours so keep an eye out for it in a future release.

emoreno

Hi Kelly, thank you again for your help with this custom CSS solution. I showed it to my coworkers and they were very pleased! We were wondering if we could also use this custom CSS to minimize the amount of white space in the app itself, as we only ever have one popup appear and there is a considerable amount of white space under the popup. Please let me know, and I appreciate the help!

emoreno

That is perfect, I do not have any export options enabled so this will be just fine. Thank you for your help!

khutchins

Here try this css instead. Note this assumes that you do not have any export tools enabled that appear in the same space as the result count.

.toggle-panel{
display:none;
}
@media only screen and (max-width: 859px){
.toggle-panel{
display:block;
}
#countDiv{
display:none;
}
.mobile-expand {

    vertical-align: middle;
    justify-content: space-around;
    display: flex;
    width: 100%;
}
}

emoreno

Hi Kelly, that works! Thank you. There is now this empty grey space where the results count used to display, however. Would you know how to remove this from appearing once someone completes a search?

khutchins

You can hide it using the custom css option in the theming section. Here's an example of the css you'd use.

 #countDiv{
display:none;
}

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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