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

Is there some way to put a scroll bar on the popup window on tablets?

JayGeisen

I get complaints that people don't know they can scroll down on iPads because there are no scroll bars. Scrolling does work fine, however. I guess it just isn't apparent to some. Thanks

Encontre mais publicações marcadas com

Accepted answers

RobertScheitlin__GISP

Jay,

I thing about this is IOS/apple specific and is the norm for apple they remove the scroll bar for some reason. You can add this css to your apps theme common.css using this and it will show a scrollbar but it will not really work.

.esriPopup .contentPane::-webkit-scrollbar {

-webkit-appearance: none;

}

.esriPopup .contentPane::-webkit-scrollbar:vertical {

width: 11px;

}

.esriPopup .contentPane::-webkit-scrollbar:horizontal {

height: 11px;

}

.esriPopup .contentPane::-webkit-scrollbar-thumb {

border-radius: 8px;

border: 2px solid white; /* should match background, can't be transparent */

background-color: rgba(0, 0, 0, .5);

}

.esriPopup .contentPane::-webkit-scrollbar-track {

background-color: #fff;

border-radius: 8px;

}

All comments

JayGeisen

These "new" forums are taking some getting used to for me. Done!

RobertScheitlin__GISP

Jay,

Don't forget to mark this question as answered by clicking on the "Correct Answer" link on the reply that answered your question.

JayGeisen

Thanks Robert.

RobertScheitlin__GISP

Jay,

.esriPopup .contentPane::-webkit-scrollbar {

-webkit-appearance: none;

}

.esriPopup .contentPane::-webkit-scrollbar:vertical {

width: 11px;

}

.esriPopup .contentPane::-webkit-scrollbar:horizontal {

height: 11px;

}

.esriPopup .contentPane::-webkit-scrollbar-thumb {

border-radius: 8px;

border: 2px solid white; /* should match background, can't be transparent */

background-color: rgba(0, 0, 0, .5);

}

.esriPopup .contentPane::-webkit-scrollbar-track {

background-color: #fff;

border-radius: 8px;

}

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Entrar
Registrar

Links Rápidos

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